diff --git a/components/progress/demo/circle-mini.md b/components/progress/demo/circle-mini.md
index a452aa7ac5344ac681a461c66c24401360a09b93..e431d83816f6d36601df5297d3a8b3ac1dc38f53 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 249d202fe37cc5c3d7e820c6e0abbcef32c27118..1dd47b1d8425155084850df6ef2823d68fb2e9bc 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 b5be7a50dc0589e5ff22d023b96e2b941bb4be4f..766b5d7abc0dc1e015eb79ff4deedbfc573e0f82 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 21a5c9988b31a72cbc195487cfad496211e36b20..65e180d44bccef3893231c8acab25925a59cab1b 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 59a370b0a3bb101c028dc3fc30431ae9591abc89..2616448684d3f610879c2c15419388f1605cd981 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'));
 ````