added loading icon

joadan · joadan · commit 9a3368e8d786 · 2021-10-10T08:48:26.000+02:00
diff --git a/docs/BlazorApexCharts.Docs.Wasm/wwwroot/index.html b/docs/BlazorApexCharts.Docs.Wasm/wwwroot/index.html
@@ -15,7 +15,24 @@
 </head>
 
 <body>
-    <div id="app">Loading...</div>
+    <div id="app">
+        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="margin: auto; background: rgb(247, 247, 247); display: block;" width="200px" height="200px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid">
+            <g transform="rotate(180 50 50)">
+                <rect x="15" y="15" width="10" height="40" fill="#ebebeb">
+                    <animate attributeName="height" values="50;70;30;50" keyTimes="0;0.33;0.66;1" dur="1s" repeatCount="indefinite" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1" begin="-0.4s"></animate>
+                </rect>
+                <rect x="35" y="15" width="10" height="40" fill="#f0f0f0">
+                    <animate attributeName="height" values="50;70;30;50" keyTimes="0;0.33;0.66;1" dur="1s" repeatCount="indefinite" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1" begin="-0.2s"></animate>
+                </rect>
+                <rect x="55" y="15" width="10" height="40" fill="#ebebeb">
+                    <animate attributeName="height" values="50;70;30;50" keyTimes="0;0.33;0.66;1" dur="1s" repeatCount="indefinite" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1" begin="-0.6s"></animate>
+                </rect>
+                <rect x="75" y="15" width="10" height="40" fill="#f0f0f0">
+                    <animate attributeName="height" values="50;70;30;50" keyTimes="0;0.33;0.66;1" dur="1s" repeatCount="indefinite" calcMode="spline" keySplines="0.5 0 0.5 1;0.5 0 0.5 1;0.5 0 0.5 1" begin="-1s"></animate>
+                </rect>
+            </g>
+        </svg>
+    </div>
 
     <div id="blazor-error-ui">
         An unhandled error has occurred.
