feat(Progress): Add activation animation.

uiwjs · Nov 9, 2017 · 8a33e21 · 8a33e21
1 parent 53c0405
commit 8a33e21
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/src/progress/style/index.less b/src/progress/style/index.less
@@ -14,6 +14,9 @@
     vertical-align: middle;
   }
   &-status-active &-bg{
+    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
+    background-size: 12px 12px;
+    animation: progress-bar-stripes 1s linear infinite;
     &:before{
       content: " ";
       opacity: 0;
@@ -81,6 +84,11 @@
   }
 }
 
+@keyframes progress-bar-stripes {
+  from { background-position: 0 0; }
+  to { background-position: 24px 0; }
+}
+
 @keyframes w-progress-active {
   0% {
     opacity: 0.1;