diff --git a/README.md b/README.md
index b00d30c..e4b2986 100644
--- a/README.md
+++ b/README.md
@@ -92,6 +92,12 @@ online example: http://react-component.github.io/steps/examples/
       <td></td>
       <td>spicify the default finish icon and error icon</td>
     </tr>
+    <tr>
+      <td>showNumber</td>
+      <td>boolean</td>
+      <td></td>
+      <td>display step number, It will be ignored if icons is provided</td>
+    </tr>
     <tr>
       <td>onChange</td>
       <td>(current: number) => void</td>
@@ -131,6 +137,12 @@ online example: http://react-component.github.io/steps/examples/
       <td></td>
       <td>set icon of step item</td>
     </tr>
+    <tr>
+      <td>showNumber</td>
+      <td>boolean</td>
+      <td></td>
+      <td>display step number, It will be ignored if icon/icons is provided</td>
+    </tr>
     <tr>
       <td>status</td>
       <td>string</td>
diff --git a/src/Step.jsx b/src/Step.jsx
index fef8484..41f013c 100644
--- a/src/Step.jsx
+++ b/src/Step.jsx
@@ -36,6 +36,7 @@ export default class Step extends React.Component {
       finish: PropTypes.node,
       error: PropTypes.node,
     }),
+    showNumber: PropTypes.bool,
     onClick: PropTypes.func,
     onStepClick: PropTypes.func,
   };
@@ -53,7 +54,7 @@ export default class Step extends React.Component {
   renderIconNode() {
     const {
       prefixCls, progressDot, stepNumber, status, title, description, icon,
-      iconPrefix, icons,
+      iconPrefix, icons, showNumber,
     } = this.props;
     let iconNode;
     const iconClassName = classNames(`${prefixCls}-icon`, `${iconPrefix}icon`, {
@@ -80,7 +81,7 @@ export default class Step extends React.Component {
     } else if (icons && icons.error && status === 'error') {
       iconNode = <span className={`${prefixCls}-icon`}>{icons.error}</span>;
     } else if (icon || status === 'finish' || status === 'error') {
-      iconNode = <span className={iconClassName} />;
+      iconNode = <span className={iconClassName}>{showNumber ? stepNumber : ''}</span>;
     } else {
       iconNode = <span className={`${prefixCls}-icon`}>{stepNumber}</span>;
     }
diff --git a/src/Steps.jsx b/src/Steps.jsx
index 126c3e4..02b3ad0 100644
--- a/src/Steps.jsx
+++ b/src/Steps.jsx
@@ -27,6 +27,7 @@ export default class Steps extends Component {
       finish: PropTypes.node,
       error: PropTypes.node,
     }),
+    showNumber: PropTypes.bool,
     onChange: PropTypes.func,
   };
   static defaultProps = {
@@ -101,7 +102,7 @@ export default class Steps extends Component {
     const {
       prefixCls, style = {}, className, children, direction,
       labelPlacement, iconPrefix, status, size, current, progressDot, initial,
-      icons, onChange,
+      icons, onChange, showNumber,
       ...restProps,
     } = this.props;
     const { lastStepOffsetWidth, flexSupported } = this.state;
@@ -131,6 +132,7 @@ export default class Steps extends Component {
               wrapperStyle: style,
               progressDot,
               icons,
+              showNumber,
               onStepClick: onChange && this.onStepClick,
               ...child.props,
             };