diff --git a/src/slider/index.js b/src/slider/index.js
index 008eb5841..f398c9530 100644
--- a/src/slider/index.js
+++ b/src/slider/index.js
@@ -34,6 +34,12 @@ export default createComponent({
     }
   },
 
+  data() {
+    return {
+      dragStatus: ''
+    };
+  },
+
   computed: {
     range() {
       return this.max - this.min;
@@ -139,6 +145,10 @@ export default createComponent({
       background: this.activeColor
     };
 
+    if (this.dragStatus) {
+      barStyle.transition = 'none';
+    }
+
     return (
       <div
         style={style}
diff --git a/src/slider/index.less b/src/slider/index.less
index abfc189c7..8828fbf01 100644
--- a/src/slider/index.less
+++ b/src/slider/index.less
@@ -9,6 +9,7 @@
     position: relative;
     background-color: @slider-active-background-color;
     border-radius: inherit;
+    transition: width @animation-duration-fast;
   }
 
   &__button {