diff --git a/example/pages/steps/index.js b/example/pages/steps/index.js
index 2a393c0c..724f5dc1 100644
--- a/example/pages/steps/index.js
+++ b/example/pages/steps/index.js
@@ -58,6 +58,34 @@ Page({
         text: '步骤三',
         desc: '10.03'
       }
+    ],
+    steps4: [
+      {
+          current: true,
+          done: false,
+          text: '步骤一',
+          desc: '10.01'
+        },
+        {
+          done: false,
+          current: false,
+          text: '步骤二',
+          desc: '10.02'
+        }
+    ],
+    steps5: [
+      {
+          done: true,
+          current: false,
+          text: '步骤一',
+          desc: '10.01'
+        },
+        {
+          done: false,
+          current: true,
+          text: '步骤二',
+          desc: '10.02'
+        }
     ]
   },
 
diff --git a/example/pages/steps/index.wxml b/example/pages/steps/index.wxml
index 05983324..49dad535 100644
--- a/example/pages/steps/index.wxml
+++ b/example/pages/steps/index.wxml
@@ -1,5 +1,5 @@
 <doc-page title="STEPS" without-padding>
-  <zan-panel>
+  <zan-panel title="基础用法">
     <zan-cell-group>
       <zan-cell>
         <zan-steps type="horizon" steps="{{steps}}"></zan-steps>
@@ -13,6 +13,17 @@
     </zan-cell-group>
   </zan-panel>
 
+  <zan-panel title="2步完成">
+    <zan-cell-group>
+      <zan-cell>
+        <zan-steps type="horizon" steps="{{steps4}}"></zan-steps>
+      </zan-cell>
+      <zan-cell>
+        <zan-steps type="horizon" steps="{{steps5}}"></zan-steps>
+      </zan-cell>
+      </zan-cell-group>
+  </zan-panel>
+
   <zan-panel title="有描述的steps">
     <zan-cell-group>
       <zan-cell>
diff --git a/packages/steps/wxss/step.pcss b/packages/steps/wxss/step.pcss
index cdfe0a35..1398120d 100644
--- a/packages/steps/wxss/step.pcss
+++ b/packages/steps/wxss/step.pcss
@@ -15,6 +15,7 @@
   float: left;
   padding-bottom: 25px;
   color: #b1b1b1;
+  width: 100%;
 }
 
 .zan-steps--steps .zan-steps__title {