diff --git a/html/static/style.css b/html/static/style.css
index 4ee89b6a5d8bcdd52a40f66c162eb4c42ae2852b..a57302811ceab23de4c2394ecc7d4b74c9d92e75 100644
--- a/html/static/style.css
+++ b/html/static/style.css
@@ -345,18 +345,19 @@ h3 {
 .loadingbar {
     margin-top: 1px;
     margin-bottom: 1px;
-    height: 1px;
+    height: 2px;
     width: 100%;
     background-color: #14b967;
 
-    animation-name: left-right;
+    animation-name: left-to-right;
     animation-duration: 1s;
-    animation-direction: alternate;
+    animation-direction: normal;
     animation-iteration-count: infinite;
     animation-timing-function: ease-in-out;
 }
 
-@keyframes left-right {
+/* Use with animation-direction alternate */
+@keyframes left-to-right-and-back {
     from {
         float: left;
         width: 5%;
@@ -370,6 +371,21 @@ h3 {
     }
 }
 
+/* Use with animation-direction normal */
+@keyframes left-to-right {
+    from {
+        float: left;
+        width: 0%;
+    }
+    50% {
+        width: 100%;
+    }
+    to {
+        float: right;
+        width: 0%;
+    }
+}
+
 .big-link {
     margin-top: auto;
     margin-bottom: auto;