-
Notifications
You must be signed in to change notification settings - Fork 371
/
Copy pathscroll-indicator.html
53 lines (46 loc) · 2.1 KB
/
scroll-indicator.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
<div class="flex p-1 bg-white items-center rounded-lg mx-auto max-w-full relative m-10">
<div class="bg-gray-500 w-3/5 h-full p-1 shadow-xl rounded-lg mx-start">
</div>
</div>
<div class="flex p-1 bg-gray-700 items-center rounded-lg mx-auto max-w-full relative m-10">
<div class="bg-white w-full rounded-lg">
<div class="bg-gray-500 w-5/12 h-full p-1 shadow-xl rounded-lg mx-start">
</div>
</div>
</div>
<div class="flex p-1 bg-blue-700 items-center rounded-lg mx-auto max-w-full relative m-10">
<div class="bg-white w-full rounded-lg">
<div class="bg-blue-500 w-6/12 h-full p-1 shadow-xl rounded-lg mx-start">
</div>
</div>
</div>
<div class="flex p-1 bg-red-700 items-center rounded-lg mx-auto max-w-full relative m-10">
<div class="bg-white w-full rounded-lg">
<div class="bg-red-500 w-7/12 h-full p-1 shadow-xl rounded-lg mx-start">
</div>
</div>
</div>
<div class="flex p-1 bg-yellow-700 items-center rounded-lg mx-auto max-w-full relative m-10">
<div class="bg-white w-full rounded-lg">
<div class="bg-yellow-500 w-8/12 h-full p-1 shadow-xl rounded-lg mx-start">
</div>
</div>
</div>
<div class="flex p-1 bg-purple-700 items-center rounded-lg mx-auto max-w-full relative m-10">
<div class="bg-white w-full rounded-lg">
<div class="bg-purple-500 w-9/12 h-full p-1 shadow-xl rounded-lg mx-start">
</div>
</div>
</div>
<div class="flex p-1 bg-green-700 items-center rounded-lg mx-auto max-w-full relative m-10">
<div class="bg-white w-full rounded-lg">
<div class="bg-green-500 w-10/12 h-full p-1 shadow-xl rounded-lg mx-start">
</div>
</div>
</div>
<div class="flex p-1 bg-orange-700 items-center rounded-lg mx-auto max-w-full relative m-10">
<div class="bg-white w-full rounded-lg">
<div class="bg-orange-500 w-11/12 h-full p-1 shadow-xl rounded-lg mx-start">
</div>
</div>
</div>