diff --git a/src/step/index.js b/src/step/index.js
index cbd066464..c5fb1c2b2 100644
--- a/src/step/index.js
+++ b/src/step/index.js
@@ -53,7 +53,9 @@ export default createComponent({
   render() {
     const { status, active } = this;
     const { activeColor, direction } = this.parent;
+
     const titleStyle = active && { color: activeColor };
+    const lineStyle = status === 'finish' && { background: activeColor };
 
     return (
       <div class={[BORDER, bem([direction, { [status]: status }])]}>
@@ -61,7 +63,7 @@ export default createComponent({
           {this.slots()}
         </div>
         <div class={bem('circle-container')}>{this.genCircle()}</div>
-        <div class={bem('line')} />
+        <div class={bem('line')} style={lineStyle} />
       </div>
     );
   },
diff --git a/src/steps/test/__snapshots__/demo.spec.js.snap b/src/steps/test/__snapshots__/demo.spec.js.snap
index 8c36d07f5..cd11ee3e3 100644
--- a/src/steps/test/__snapshots__/demo.spec.js.snap
+++ b/src/steps/test/__snapshots__/demo.spec.js.snap
@@ -36,7 +36,7 @@ exports[`renders demo correctly 1`] = `
           <div class="van-step__title">买家下单</div>
           <div class="van-step__circle-container"><i class="van-icon van-icon-arrow van-step__icon">
               <!----></i></div>
-          <div class="van-step__line"></div>
+          <div class="van-step__line" style="background: rgb(51, 136, 255);"></div>
         </div>
         <div class="van-hairline van-step van-step--horizontal van-step--process">
           <div class="van-step__title van-step__title--active" style="color: rgb(51, 136, 255);">商家接单</div>