/
colors.html
85 lines (84 loc) · 2.55 KB
/
colors.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
---
wrapper: 'p-4 max-w-sm mx-auto grid gap-2'
---
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="11"
aria-valuetext="11%"
role="progressbar"
class="relative flex h-2 w-full overflow-hidden rounded-full bg-gray-200 transition">
<div style="width: 11%" class="flex h-full bg-red-600 transition"></div>
</div>
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="22"
aria-valuetext="22%"
role="progressbar"
class="relative flex h-2 w-full overflow-hidden rounded-full bg-gray-200 transition">
<div style="width: 22%" class="flex h-full bg-orange-600 transition"></div>
</div>
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="33"
aria-valuetext="33%"
role="progressbar"
class="relative flex h-2 w-full overflow-hidden rounded-full bg-gray-200 transition">
<div style="width: 33%" class="flex h-full bg-amber-600 transition"></div>
</div>
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="44"
aria-valuetext="44%"
role="progressbar"
class="relative flex h-2 w-full overflow-hidden rounded-full bg-gray-200 transition">
<div style="width: 44%" class="flex h-full bg-yellow-600 transition"></div>
</div>
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="55"
aria-valuetext="55%"
role="progressbar"
class="relative flex h-2 w-full overflow-hidden rounded-full bg-gray-200 transition">
<div style="width: 55%" class="flex h-full bg-lime-600 transition"></div>
</div>
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="66"
aria-valuetext="66%"
role="progressbar"
class="relative flex h-2 w-full overflow-hidden rounded-full bg-gray-200 transition">
<div style="width: 66%" class="flex h-full bg-green-600 transition"></div>
</div>
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="77"
aria-valuetext="77%"
role="progressbar"
class="relative flex h-2 w-full overflow-hidden rounded-full bg-gray-200 transition">
<div style="width: 77%" class="flex h-full bg-emerald-600 transition"></div>
</div>
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="88"
aria-valuetext="88%"
role="progressbar"
class="relative flex h-2 w-full overflow-hidden rounded-full bg-gray-200 transition">
<div style="width: 88%" class="flex h-full bg-teal-600 transition"></div>
</div>
<div
aria-valuemax="100"
aria-valuemin="0"
aria-valuenow="99"
aria-valuetext="99%"
role="progressbar"
class="relative flex h-2 w-full overflow-hidden rounded-full bg-gray-200 transition">
<div style="width: 99%" class="flex h-full bg-cyan-600 transition"></div>
</div>