diff --git a/components/progress/demo/circle-mini.md b/components/progress/demo/circle-mini.md
index e0b4de1508..3aa0678b67 100644
--- a/components/progress/demo/circle-mini.md
+++ b/components/progress/demo/circle-mini.md
@@ -11,9 +11,9 @@ var Circle = antd.Progress.Circle;
 
 React.render(
   <div>
-    <Circle percent="30" width="100" strokeWidth="4" />
-    <Circle percent="70" width="100" strokeWidth="4" status="exception" />
-    <Circle percent="100" width="100" strokeWidth="4" />
+    <Circle percent="30" width="100" />
+    <Circle percent="70" width="100" status="exception" />
+    <Circle percent="100" width="100" />
   </div>
   , document.getElementById('components-progress-demo-circle-mini'));
 ````
diff --git a/components/progress/demo/circle.md b/components/progress/demo/circle.md
index dadc551f24..7ef2562cd4 100644
--- a/components/progress/demo/circle.md
+++ b/components/progress/demo/circle.md
@@ -11,9 +11,9 @@ var Circle = antd.Progress.Circle;
 
 React.render(
   <div>
-    <Circle percent="30" width="150" strokeWidth="4" />
-    <Circle percent="70" width="150" strokeWidth="4" status="exception" />
-    <Circle percent="100" width="150" strokeWidth="4" />
+    <Circle percent="30" width="150" />
+    <Circle percent="70" width="150" status="exception" />
+    <Circle percent="100" width="150" />
   </div>
   , document.getElementById('components-progress-demo-circle'));
 ````
diff --git a/components/progress/index.jsx b/components/progress/index.jsx
index d4074d5e54..1109a31558 100644
--- a/components/progress/index.jsx
+++ b/components/progress/index.jsx
@@ -8,7 +8,7 @@ var Line = React.createClass({
   getDefaultProps: function () {
     return {
       percent: 0,
-      strokeWidth: 2,
+      strokeWidth: 4,
       status: 'normal' // exception
     };
   },
@@ -55,7 +55,7 @@ var Line = React.createClass({
       <div className='ant-progress-line-wrap' style={wrapStyle}>
         <div className='ant-progress-line-inner' style={style}>
           <Progressline percent={this.props.percent} strokeWidth={this.props.strokeWidth}
-                        strokeColor={statusColorMap[this.props.status]}/>
+                        strokeColor={statusColorMap[this.props.status]} trailColor="#e9e9e9" />
         </div>
         {progressInfo}
       </div>
@@ -67,7 +67,7 @@ var Circle = React.createClass({
   getDefaultProps: function () {
     return {
       percent: 0,
-      strokeWidth: 2,
+      strokeWidth: 4,
       status: 'normal' // exception
     };
   },
@@ -109,7 +109,7 @@ var Circle = React.createClass({
       <div className="ant-progress-circle-wrap" style={wrapStyle}>
         <div className="ant-progress-circle-inner" style={style}>
           <Progresscircle percent={this.props.percent} strokeWidth={this.props.strokeWidth}
-                        strokeColor={statusColorMap[this.props.status]}/>
+                        strokeColor={statusColorMap[this.props.status]} trailColor="#e9e9e9" />
           {progressInfo}
         </div>
       </div>