diff --git a/components/progress/demo/circle-mini.md b/components/progress/demo/circle-mini.md
index a452aa7ac5..e431d83816 100644
--- a/components/progress/demo/circle-mini.md
+++ b/components/progress/demo/circle-mini.md
@@ -7,13 +7,13 @@
 ---
 
 ````jsx
-var Circle = antd.Progress.Circle;
+var ProgressCircle = antd.Progress.Circle;
 
 React.render(
   <div>
-    <Circle percent="30" width="80" />
-    <Circle percent="70" width="80" status="exception" />
-    <Circle 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 249d202fe3..1dd47b1d84 100644
--- a/components/progress/demo/circle.md
+++ b/components/progress/demo/circle.md
@@ -7,13 +7,13 @@
 ---
 
 ````jsx
-var Circle = antd.Progress.Circle;
+var ProgressCircle = antd.Progress.Circle;
 
 React.render(
   <div>
-    <Circle percent="30" width="126" />
-    <Circle percent="70" width="126" status="exception" />
-    <Circle percent="100" width="126" />
+    <ProgressCircle percent="30" width="126" />
+    <ProgressCircle percent="70" width="126" status="exception" />
+    <ProgressCircle percent="100" width="126" />
   </div>
   , document.getElementById('components-progress-demo-circle'));
 ````
diff --git a/components/progress/demo/dynamic.md b/components/progress/demo/dynamic.md
index b5be7a50dc..766b5d7abc 100644
--- a/components/progress/demo/dynamic.md
+++ b/components/progress/demo/dynamic.md
@@ -7,7 +7,7 @@
 ---
 
 ````jsx
-var Line = antd.Progress.Line;
+var Progress = antd.Progress.Line;
 
 var MyProgress = React.createClass({
   getInitialState() {
@@ -27,7 +27,7 @@ var MyProgress = React.createClass({
     }, 100);
   },
   render() {
-    return <Line percent={this.state.percent} width="300" strokeWidth="3" />;
+    return <Progress percent={this.state.percent} width="300" strokeWidth="3" />;
   }
 });
 
diff --git a/components/progress/demo/line-mini.md b/components/progress/demo/line-mini.md
index 21a5c9988b..65e180d44b 100644
--- a/components/progress/demo/line-mini.md
+++ b/components/progress/demo/line-mini.md
@@ -7,13 +7,13 @@
 ---
 
 ````jsx
-var Line = antd.Progress.Line;
+var Progress = antd.Progress.Line;
 
 React.render(
   <div>
-    <Line percent="30" width="170" strokeWidth="3" />
-    <Line percent="70" width="170" strokeWidth="3" status="exception" />
-    <Line percent="100" width="170" strokeWidth="3" />
+    <Progress percent="30" width="170" strokeWidth="3" />
+    <Progress percent="70" width="170" strokeWidth="3" status="exception" />
+    <Progress percent="100" width="170" strokeWidth="3" />
   </div>
   , document.getElementById('components-progress-demo-line-mini'));
 ````
diff --git a/components/progress/demo/line.md b/components/progress/demo/line.md
index 59a370b0a3..2616448684 100644
--- a/components/progress/demo/line.md
+++ b/components/progress/demo/line.md
@@ -7,13 +7,13 @@
 ---
 
 ````jsx
-var Line = antd.Progress.Line;
+var Progress = antd.Progress.Line;
 
 React.render(
   <div>
-    <Line percent="30" width="300" strokeWidth="3" />
-    <Line percent="70" width="300" strokeWidth="3" status="exception" />
-    <Line percent="100" width="300" strokeWidth="3" />
+    <Progress percent="30" width="300" strokeWidth="3" />
+    <Progress percent="70" width="300" strokeWidth="3" status="exception" />
+    <Progress percent="100" width="300" strokeWidth="3" />
   </div>
   , document.getElementById('components-progress-demo-line'));
 ````