加载进度条效果不占用标签

Broltes · Jun 10, 2016 · a96d52a · a96d52a
1 parent 4bf83cf
commit a96d52a
Showing 1 changed file with 17 additions and 15 deletions.
diff --git a/src/touch-loader.less b/src/touch-loader.less
@@ -35,22 +35,24 @@
     }
 }
 .progress {
-    z-index: 1000;
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 2px;
-    width: 100%;
-    background-color: @progress-color;
-
-    &.on{
-        width: 99%;
-        animation: progressing 9s ease-out;
-    }
+    &:before{
+        content: "";
+        z-index: 1000;
+        position: absolute;
+        top: 0;
+        left: 0;
+        height: 2px;
+        width: 100%;
+        background-color: @progress-color;
 
-    &.ed{
-        opacity: 0;
-        animation: progressed 1s;
+        .on&{
+            width: 99%;
+            animation: progressing 9s ease-out;
+        }
+        .ed&{
+            opacity: 0;
+            animation: progressed 1s;
+        }
     }
 }