Skip to content

Commit 47f2823

Browse files
committed
Revert "remove example gradient-circle"
This reverts commit fef7a99.
1 parent fef7a99 commit 47f2823

File tree

2 files changed

+45
-0
lines changed

2 files changed

+45
-0
lines changed

examples/gradient-circle.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
placeholder

examples/gradient-circle.js

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
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'));

0 commit comments

Comments
 (0)