diff --git a/README.md b/README.md
index 5c30a35..48eb468 100644
--- a/README.md
+++ b/README.md
@@ -62,6 +62,12 @@ online example: http://react-component.github.io/steps/examples/
       <td>0</td>
       <td>index of current step</td>
     </tr>
+    <tr>
+      <td>initial</td>
+      <td>number</td>
+      <td>0</td>
+      <td>index initial</td>
+    </tr>
     <tr>
       <td>size</td>
       <td>string</td>
diff --git a/src/Steps.jsx b/src/Steps.jsx
index 5682f5a..9c1277b 100644
--- a/src/Steps.jsx
+++ b/src/Steps.jsx
@@ -21,6 +21,7 @@ export default class Steps extends Component {
       PropTypes.func,
     ]),
     style: PropTypes.object,
+    initial: PropTypes.number,
     current: PropTypes.number,
   };
   static defaultProps = {
@@ -28,6 +29,7 @@ export default class Steps extends Component {
     iconPrefix: 'rc',
     direction: 'horizontal',
     labelPlacement: 'horizontal',
+    initial: 0,
     current: 0,
     status: 'process',
     size: '',
@@ -75,7 +77,7 @@ export default class Steps extends Component {
         const lastStepOffsetWidth = (domNode.lastChild.offsetWidth || 0) + 1;
         // Reduce shake bug
         if (this.state.lastStepOffsetWidth === lastStepOffsetWidth ||
-            Math.abs(this.state.lastStepOffsetWidth - lastStepOffsetWidth) <= 3) {
+          Math.abs(this.state.lastStepOffsetWidth - lastStepOffsetWidth) <= 3) {
           return;
         }
         this.setState({ lastStepOffsetWidth });
@@ -85,7 +87,7 @@ export default class Steps extends Component {
   render() {
     const {
       prefixCls, style = {}, className, children, direction,
-      labelPlacement, iconPrefix, status, size, current, progressDot,
+      labelPlacement, iconPrefix, status, size, current, progressDot, initial,
       ...restProps,
     } = this.props;
     const { lastStepOffsetWidth, flexSupported } = this.state;
@@ -105,8 +107,9 @@ export default class Steps extends Component {
             if (!child) {
               return null;
             }
+            const stepNumber = initial ? initial + index : index + 1;
             const childProps = {
-              stepNumber: `${index + 1}`,
+              stepNumber: `${stepNumber}`,
               prefixCls,
               iconPrefix,
               wrapperStyle: style,
@@ -122,9 +125,9 @@ export default class Steps extends Component {
               childProps.className = `${prefixCls}-next-error`;
             }
             if (!child.props.status) {
-              if (index === current) {
+              if (stepNumber === current) {
                 childProps.status = status;
-              } else if (index < current) {
+              } else if (stepNumber < current) {
                 childProps.status = 'finish';
               } else {
                 childProps.status = 'wait';
diff --git a/tests/__snapshots__/index.test.js.snap b/tests/__snapshots__/index.test.js.snap
index 9ba3497..fe74290 100644
--- a/tests/__snapshots__/index.test.js.snap
+++ b/tests/__snapshots__/index.test.js.snap
@@ -5,7 +5,7 @@ exports[`Steps render renders correctly 1`] = `
   class="rc-steps rc-steps-horizontal rc-steps-label-horizontal"
 >
   <div
-    class="rc-steps-item rc-steps-item-process"
+    class="rc-steps-item rc-steps-item-wait"
   >
     <div
       class="rc-steps-item-tail"
@@ -147,7 +147,7 @@ exports[`Steps render renders current correctly 1`] = `
     </div>
   </div>
   <div
-    class="rc-steps-item rc-steps-item-finish"
+    class="rc-steps-item rc-steps-item-process"
   >
     <div
       class="rc-steps-item-tail"
@@ -158,9 +158,9 @@ exports[`Steps render renders current correctly 1`] = `
       class="rc-steps-item-icon"
     >
       <span
-        class="rc-steps-icon rcicon rcicon-check"
+        class="rc-steps-icon"
       >
-        
+        2
       </span>
     </div>
     <div
@@ -174,7 +174,7 @@ exports[`Steps render renders current correctly 1`] = `
     </div>
   </div>
   <div
-    class="rc-steps-item rc-steps-item-process"
+    class="rc-steps-item rc-steps-item-wait"
   >
     <div
       class="rc-steps-item-tail"
@@ -235,7 +235,7 @@ exports[`Steps render renders labelPlacement correctly 1`] = `
   class="rc-steps rc-steps-horizontal rc-steps-label-vertical"
 >
   <div
-    class="rc-steps-item rc-steps-item-process"
+    class="rc-steps-item rc-steps-item-wait"
   >
     <div
       class="rc-steps-item-tail"
@@ -350,7 +350,7 @@ exports[`Steps render renders progressDot correctly 1`] = `
   class="rc-steps rc-steps-horizontal rc-steps-label-vertical rc-steps-dot"
 >
   <div
-    class="rc-steps-item rc-steps-item-process"
+    class="rc-steps-item rc-steps-item-wait"
   >
     <div
       class="rc-steps-item-tail"
@@ -481,7 +481,7 @@ exports[`Steps render renders progressDot function correctly 1`] = `
   class="rc-steps rc-steps-horizontal rc-steps-label-vertical rc-steps-dot"
 >
   <div
-    class="rc-steps-item rc-steps-item-process"
+    class="rc-steps-item rc-steps-item-wait"
   >
     <div
       class="rc-steps-item-tail"
@@ -631,7 +631,7 @@ exports[`Steps render renders status correctly 1`] = `
     </div>
   </div>
   <div
-    class="rc-steps-item rc-steps-item-finish rc-steps-next-error"
+    class="rc-steps-item rc-steps-item-error rc-steps-next-error"
   >
     <div
       class="rc-steps-item-tail"
@@ -642,7 +642,7 @@ exports[`Steps render renders status correctly 1`] = `
       class="rc-steps-item-icon"
     >
       <span
-        class="rc-steps-icon rcicon rcicon-check"
+        class="rc-steps-icon rcicon rcicon-cross"
       >
         
       </span>
@@ -658,7 +658,7 @@ exports[`Steps render renders status correctly 1`] = `
     </div>
   </div>
   <div
-    class="rc-steps-item rc-steps-item-error"
+    class="rc-steps-item rc-steps-item-wait"
   >
     <div
       class="rc-steps-item-tail"
@@ -669,9 +669,9 @@ exports[`Steps render renders status correctly 1`] = `
       class="rc-steps-item-icon"
     >
       <span
-        class="rc-steps-icon rcicon rcicon-cross"
+        class="rc-steps-icon"
       >
-        
+        3
       </span>
     </div>
     <div
@@ -719,7 +719,7 @@ exports[`Steps render renders step with description 1`] = `
   class="rc-steps rc-steps-horizontal rc-steps-label-horizontal"
 >
   <div
-    class="rc-steps-item rc-steps-item-process"
+    class="rc-steps-item rc-steps-item-wait"
   >
     <div
       class="rc-steps-item-tail"
@@ -989,7 +989,7 @@ exports[`Steps render renders step with tailContent 1`] = `
   class="rc-steps rc-steps-horizontal rc-steps-label-horizontal"
 >
   <div
-    class="rc-steps-item rc-steps-item-process"
+    class="rc-steps-item rc-steps-item-wait"
   >
     <div
       class="rc-steps-item-tail"
@@ -1126,7 +1126,7 @@ exports[`Steps render renders vertical correctly 1`] = `
   class="rc-steps rc-steps-vertical"
 >
   <div
-    class="rc-steps-item rc-steps-item-process"
+    class="rc-steps-item rc-steps-item-wait"
   >
     <div
       class="rc-steps-item-tail"