aboutsummaryrefslogtreecommitdiff
path: root/src/shared/loader.css
diff options
context:
space:
mode:
Diffstat (limited to 'src/shared/loader.css')
-rw-r--r--src/shared/loader.css48
1 files changed, 48 insertions, 0 deletions
diff --git a/src/shared/loader.css b/src/shared/loader.css
new file mode 100644
index 0000000..2ee47a2
--- /dev/null
+++ b/src/shared/loader.css
@@ -0,0 +1,48 @@
+.loader {
+ position: absolute;
+ z-index: 6;
+ top: 0px;
+ left: 0;
+ height: 4px;
+ width: 100%;
+ overflow: hidden;
+ background-color: #ddd;
+ }
+
+ .loader:before {
+ display: block;
+ position: absolute;
+ content: "";
+ left: -200px;
+ width: 200px;
+ height: 4px;
+ background-color: #ff8373;
+ animation: loading 2s linear infinite;
+ }
+
+ @keyframes loading {
+ from {
+ left: -200px;
+ width: 30%;
+ }
+
+ 50% {
+ width: 30%;
+ }
+
+ 70% {
+ width: 70%;
+ }
+
+ 80% {
+ left: 50%;
+ }
+
+ 95% {
+ left: 120%;
+ }
+
+ to {
+ left: 100%;
+ }
+ } \ No newline at end of file