update progress demo

components/progress/demo/circle-mini.md

@@ -1,8 +1,8 @@
-# Circle 用法
+# 小型进度圈
 
-- order: 0
+- order: 3
 
-Progress Circle用法
+小一号的圈形进度。
 
 ---
 

components/progress/demo/circle.md

@@ -1,8 +1,8 @@
-# Circle 用法
+# 进度圈
 
-- order: 0
+- order: 2
 
-Progress Circle用法
+圈形的进度。
 
 ---
 

components/progress/demo/dynamic.md

@@ -0,0 +1,38 @@
+# 动态展示
+
+- order: 4
+
+会动的进度条才是好进度条。
+
+---
+
+````jsx
+var Line = antd.Progress.Line;
+
+var MyProgress = React.createClass({
+  getInitialState() {
+    return {
+      percent: 0
+    };
+  },
+  componentDidMount: function() {
+    var self = this;
+    setInterval(function() {
+      if (self.state.percent < 100) {
+        self.state.percent += 2;
+      }
+      self.setState({
+        percent: self.state.percent
+      });
+    }, 100);
+  },
+  render() {
+    return <Line percent={this.state.percent} width="300" strokeWidth="3" />;
+  }
+});
+
+React.render(
+  <MyProgress />
+  , document.getElementById('components-progress-demo-dynamic'));
+````
+

components/progress/demo/line-mini.md

@@ -1,8 +1,8 @@
-# Line 用法
+# 小型进度条
 
-- order: 0
+- order: 1
 
-Progress Line用法
+适合放在较狭窄的区域内。
 
 ---
 

components/progress/demo/line.md

@@ -1,8 +1,8 @@
-# Line 用法
+# 进度条
 
 - order: 0
 
-Progress Line用法
+标准的进度条。
 
 ---
 

components/progress/index.md

@@ -6,11 +6,12 @@
 
 ---
 
-## 使用
+展示操作的当前进度。
 
-`<Line percent="30" />`
+## 何时使用
 
-`<Circle percent="30" />`
+- 需要告知用户进行时、失败、已完成的等运行状态。
+- 需要展示操作的百分比时。
 
 ## 属性参数