cr vc-progress

components/vc-progress/demo/simple.jsx

@@ -17,6 +17,7 @@ export default {
     },
   },
   render() {
+    const { percent, color } = this;
     const containerStyle = {
       width: '250px',
     };
@@ -27,22 +28,22 @@ export default {
     };
     return (
       <div>
-        <h3>Line Progress {this.percent}%</h3>
+        <h3>Line Progress {percent}%</h3>
         <div style={containerStyle}>
-          <Line percent={this.percent} strokeWidth="4" strokeColor={this.color} />
+          <Line percent={percent} strokeWidth="4" strokeColor={color} />
           <Line
-            percent={[this.percent / 2, this.percent / 2]}
+            percent={[percent / 2, percent / 2]}
             strokeWidth="4"
-            strokeColor={[this.color, '#CCC']}
+            strokeColor={[color, '#CCC']}
           />
         </div>
-        <h3>Circle Progress {this.percent}%</h3>
+        <h3>Circle Progress {percent}%</h3>
         <div style={circleContainerStyle}>
           <Circle
-            percent={this.percent}
+            percent={percent}
             strokeWidth="6"
             strokeLinecap="round"
-            strokeColor={this.color}
+            strokeColor={color}
           />
         </div>
         <p>