diff --git a/components/progress/index.jsx b/components/progress/index.jsx
index 0be22712f2..d9e22235ae 100644
--- a/components/progress/index.jsx
+++ b/components/progress/index.jsx
@@ -5,7 +5,7 @@ var Progresscircle = require('rc-progress').Circle;
 var React = require('react');
 
 var Line = React.createClass({
-  getDefaultProps: function () {
+  getDefaultProps() {
     return {
       width: 300,
       percent: 0,
@@ -41,21 +41,20 @@ var Line = React.createClass({
           <i style={iconStyle} className="anticon anticon-exclamation-circle"></i>
         </span>
       );
-
-    } else if(this.props.status === 'success'){
+    } else if (this.props.status === 'success') {
       progressInfo = (
         <span style={textStyle} className='ant-progress-line-text'>
           <i style={iconStyle} className="anticon anticon-check-circle"></i>
         </span>
       );
-    }else {
+    } else {
       progressInfo = (
         <span className='ant-progress-line-text'>{this.props.percent}%</span>
       );
     }
 
     return (
-      <div className='ant-progress-line-wrap' >
+      <div className='ant-progress-line-wrap'>
         <div className='ant-progress-line-inner' style={style}>
           <Progressline percent={this.props.percent} strokeWidth={this.props.strokeWidth}
                         strokeColor={statusColorMap[this.props.status]} trailColor="#e9e9e9" />
@@ -103,13 +102,13 @@ var Circle = React.createClass({
           <i className='anticon anticon-exclamation'></i>
         </span>
       );
-    }else if(this.props.status === 'success'){
+    } else if (this.props.status === 'success') {
       progressInfo = (
         <span style={textStyle} className='ant-progress-circle-text'>
           <i className="anticon anticon-check"></i>
         </span>
       );
-    }else {
+    } else {
       progressInfo = (
         <span className="ant-progress-circle-text">{this.props.percent}%</span>
       );