diff --git a/components/progress/demo/circle-mini.md b/components/progress/demo/circle-mini.md
index 2c5e95ad78..58c321c9fe 100644
--- a/components/progress/demo/circle-mini.md
+++ b/components/progress/demo/circle-mini.md
@@ -11,9 +11,9 @@ var ProgressCircle = antd.Progress.Circle;
 
 ReactDOM.render(
   <div>
-    <ProgressCircle percent="30" width="80" />
-    <ProgressCircle percent="70" width="80" status="exception" />
-    <ProgressCircle percent="100" width="80" />
+    <ProgressCircle percent={30} width={80} />
+    <ProgressCircle percent={70} width={80} status="exception" />
+    <ProgressCircle percent={100} width={80} />
   </div>
   , document.getElementById('components-progress-demo-circle-mini'));
 ````
diff --git a/components/progress/demo/circle.md b/components/progress/demo/circle.md
index 6d9e81ac6d..1ca27fea09 100644
--- a/components/progress/demo/circle.md
+++ b/components/progress/demo/circle.md
@@ -11,9 +11,9 @@ var ProgressCircle = antd.Progress.Circle;
 
 ReactDOM.render(
   <div>
-    <ProgressCircle percent="30" />
-    <ProgressCircle percent="70" status="exception" />
-    <ProgressCircle percent="100" />
+    <ProgressCircle percent={30} />
+    <ProgressCircle percent={70} status="exception" />
+    <ProgressCircle percent={100} />
   </div>
   , document.getElementById('components-progress-demo-circle'));
 ````
diff --git a/components/progress/demo/line-mini.md b/components/progress/demo/line-mini.md
index d4dde01dc9..4bbb37b0b7 100644
--- a/components/progress/demo/line-mini.md
+++ b/components/progress/demo/line-mini.md
@@ -11,10 +11,10 @@ var Progress = antd.Progress.Line;
 
 ReactDOM.render(
   <div style={{ width: 170 }}>
-    <Progress percent="30" strokeWidth="5" />
-    <Progress percent="50" strokeWidth="5" status="active" />
-    <Progress percent="70" strokeWidth="5" status="exception" />
-    <Progress percent="100" strokeWidth="5" />
+    <Progress percent={30} strokeWidth={5} />
+    <Progress percent={50} strokeWidth={5} status="active" />
+    <Progress percent={70} strokeWidth={5} status="exception" />
+    <Progress percent={100} strokeWidth={5} />
   </div>
   , document.getElementById('components-progress-demo-line-mini'));
 ````
diff --git a/components/progress/demo/line.md b/components/progress/demo/line.md
index 673893f92f..4c92b7514c 100644
--- a/components/progress/demo/line.md
+++ b/components/progress/demo/line.md
@@ -11,11 +11,11 @@ var Progress = antd.Progress.Line;
 
 ReactDOM.render(
   <div>
-    <Progress percent="30" />
-    <Progress percent="50" status="active" />
-    <Progress percent="70" status="exception" />
-    <Progress percent="100" />
-    <Progress percent="50" showInfo={false} />
+    <Progress percent={30} />
+    <Progress percent={50} status="active" />
+    <Progress percent={70} status="exception" />
+    <Progress percent={100} />
+    <Progress percent={50} showInfo={false} />
   </div>
   , document.getElementById('components-progress-demo-line'));
 ````
diff --git a/components/progress/index.jsx b/components/progress/index.jsx
index e9b9c3472c..a8e88064fe 100644
--- a/components/progress/index.jsx
+++ b/components/progress/index.jsx
@@ -75,6 +75,12 @@ let Line = React.createClass({
 });
 
 let Circle = React.createClass({
+  propTypes: {
+    status: React.PropTypes.oneOf(['normal', 'exception', 'success']),
+    percent: React.PropTypes.number,
+    strokeWidth: React.PropTypes.number,
+    width: React.PropTypes.number
+  },
   getDefaultProps: function () {
     return {
       width: 132,