From 724a607712a6184bb25bf2cce6fda47dcc324323 Mon Sep 17 00:00:00 2001
From: 梁灏 <admin@aresn.com>
Date: Wed, 27 Jun 2018 17:49:00 +0800
Subject: [PATCH] update Progress style

---
 examples/routers/progress.vue       |  6 ++++++
 src/styles/components/progress.less | 18 ++++++++++++++++++
 2 files changed, 24 insertions(+), 0 deletions(-)

diff --git a/examples/routers/progress.vue b/examples/routers/progress.vue
index f3ea67e..05afcc2 100644
--- a/examples/routers/progress.vue
+++ b/examples/routers/progress.vue
@@ -5,6 +5,12 @@
         <Progress vertical :percent="65" status="wrong"></Progress>
         <Progress vertical :percent="100"></Progress>
         <Progress vertical :percent="25" hide-info></Progress>
+
+        <Progress  :percent="25"></Progress>
+        <Progress  :percent="45" status="active"></Progress>
+        <Progress  :percent="65" status="wrong"></Progress>
+        <Progress  :percent="100"></Progress>
+        <Progress  :percent="25" hide-info></Progress>
     </div>
 </template>
 <script>
diff --git a/src/styles/components/progress.less b/src/styles/components/progress.less
index 4ed13cd..f0d8cc7 100644
--- a/src/styles/components/progress.less
+++ b/src/styles/components/progress.less
@@ -89,6 +89,13 @@
         }
     }
 
+    &-vertical&-active{
+        .@{progress-prefix-cls}-bg:before {
+            top: auto;
+            animation: ivu-progress-active-vertical 2s @ease-in-out infinite;
+        }
+    }
+
     &-wrong {
         .@{progress-prefix-cls}-bg {
             background-color: @error-color;
@@ -118,3 +125,14 @@
         width: 100%;
     }
 }
+
+@keyframes ivu-progress-active-vertical {
+    0% {
+        opacity: .3;
+        height: 0;
+    }
+    100% {
+        opacity: 0;
+        height: 100%;
+    }
+}
--
libgit2 0.21.4