File tree Expand file tree Collapse file tree 2 files changed +45
-0
lines changed Expand file tree Collapse file tree 2 files changed +45
-0
lines changed Original file line number Diff line number Diff line change 1+ placeholder
Original file line number Diff line number Diff line change 1+ import 'rc-progress/assets/index.less' ;
2+ import React , { Component } from 'react' ;
3+ import ReactDOM from 'react-dom' ;
4+ import { Circle } from 'rc-progress' ;
5+
6+ class Example extends Component {
7+ render ( ) {
8+ const circleContainerStyle = {
9+ width : '250px' ,
10+ height : '250px' ,
11+ display : 'inline-block' ,
12+ } ;
13+ return (
14+ < div >
15+ < h3 > Circle Progress { 90 } %</ h3 >
16+ < div style = { circleContainerStyle } >
17+ < Circle
18+ percent = { 90 }
19+ strokeWidth = "6"
20+ strokeLinecap = "round"
21+ strokeColor = { {
22+ '0%' : '#108ee9' ,
23+ '100%' : '#87d068' ,
24+ } }
25+ />
26+ </ div >
27+ < h3 > Circle Progress { 100 } %</ h3 >
28+ < div style = { circleContainerStyle } >
29+ < Circle
30+ percent = { 100 }
31+ strokeWidth = "6"
32+ strokeLinecap = "round"
33+ strokeColor = { {
34+ '100%' : '#87d068' ,
35+ '0%' : '#108ee9' ,
36+ } }
37+ />
38+ </ div >
39+ </ div >
40+ ) ;
41+ }
42+ }
43+
44+ ReactDOM . render ( < Example /> , document . getElementById ( '__react-content' ) ) ;
You can’t perform that action at this time.
0 commit comments