Added a loading indicator

2016-05-29 11:01:48 -07:00
parent 9cad1c5173
commit 6af3968634
4 changed files with 38 additions and 0 deletions
--- a/src/components/LoadingIndicator/LoadingIndicator.scss
+++ b/src/components/LoadingIndicator/LoadingIndicator.scss
@@ -0,0 +1,18 @@
+.loader {
+  position: fixed;
+  top: 0;
+  width: 100%;
+  height: 2px;
+  background-color: #03A9F4;
+}
+
+.loading {
+  background-color: #03A9F4;
+  width: 100%;
+  animation: loading 4s ease-in-out infinite;
+}
+
+@keyframes loading {
+  from {margin-left: -100%; z-index:100;}
+  to {margin-left: 100%; }
+}