-
-
Notifications
You must be signed in to change notification settings - Fork 93
Expand file tree
/
Copy pathLoading.razor
More file actions
63 lines (63 loc) · 4.47 KB
/
Copy pathLoading.razor
File metadata and controls
63 lines (63 loc) · 4.47 KB
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
<div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background:
rgb(255, 255, 255, 0.0); display: block; shape-rendering: auto;" class="shadow-none" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
<g transform="rotate(0 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.9285714285714286s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(25.714285714285715 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.8571428571428571s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(51.42857142857143 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7857142857142857s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(77.14285714285714 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.7142857142857143s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(102.85714285714286 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.6428571428571429s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(128.57142857142858 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5714285714285714s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(154.28571428571428 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.5s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(180 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.42857142857142855s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(205.71428571428572 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.35714285714285715s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(231.42857142857142 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.2857142857142857s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(257.14285714285717 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.21428571428571427s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(282.85714285714283 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.14285714285714285s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(308.57142857142856 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="-0.07142857142857142s" repeatCount="indefinite"></animate>
</rect>
</g><g transform="rotate(334.2857142857143 50 50)">
<rect x="44" y="13" rx="6" ry="6" width="12" height="12" fill="var(--bs-gray-200)">
<animate attributeName="opacity" values="1;0" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"></animate>
</rect>
</g>
</svg>
<h1 class="text-center shadow-none">Getting latest information</h1>
</div>