flat-top.css in pace_rails-0.0.6

- old
+ new

@@ -1,5 +1,6 @@
+/* This is a compiled file, you should be editing the file in the templates directory */
 .pace {
   -webkit-pointer-events: none;
   pointer-events: none;
   -webkit-user-select: none;
   -moz-user-select: none;
@@ -12,13 +13,18 @@
   z-index: 2000;
   top: 0;
   left: 0;
   height: 12px;
   background: #29d;
-  -webkit-transition: -webkit-transform 0.3s;
-  transition: transform 0.3s;
+
+  -webkit-transition: -webkit-transform .3s, width 1s;
+  -moz-transition: width 1s;
+  -o-transform: width 1s;
+  transition: transform .3s, width 1s;
+
   -webkit-transform: translateY(-50px);
   transform: translateY(-50px);
+
   pointer-events: none;
 }
 
 .pace.pace-active .pace-progress {
   -webkit-transform: translateY(0);
\ No newline at end of file