improving progress bar design

removing unnecessary style.css

frontend/app/style.css

@@ -1,35 +0,0 @@
-/*!
- * Copyright (C) 2016 Sergey Akopkokhyants
- * This project is licensed under the terms of the MIT license.
- * https://github.com/akserg/ng2-slim-loading-bar
- */
-
-/* Styling for the Slim Loading Progress Bar container */
-.slim-loading-bar {
-  position: fixed;
-  margin: 0;
-  padding: 0;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 99999;
-}
-
-/* Styling for the Slim Loading Progress Bar itself */
-.slim-loading-bar-progress {
-  margin: 0;
-  padding: 0;
-  z-index: 99998;
-  background-color: green;
-  color: green;
-  box-shadow: 0 0 10px 0; /* Inherits the font color */
-  height: 2px;
-  opacity: 0;
-
-  /* Add CSS3 styles for transition smoothing */
-  -webkit-transition: all 0.5s ease-in-out;
-  -moz-transition: all 0.5s ease-in-out;
-  -o-transition: all 0.5s ease-in-out;
-  -ms-transition: all 0.5s ease-in-out;
-  transition: all 0.5s ease-in-out;
-}

frontend/styles.css

@@ -20,3 +20,11 @@
 bs-dropdown-container {
   z-index: 1;
 }
+
+
+
+.slim-loading-bar-progress {
+  transition: opacity 1s ease-in;
+  transition-delay: 1s;
+  transition-property: opacity;
+}