2015-06-15 14:43:27 +08:00
|
|
|
# 小型进度圈
|
2015-06-15 11:48:30 +08:00
|
|
|
|
2015-06-15 14:43:27 +08:00
|
|
|
- order: 3
|
2015-06-15 11:48:30 +08:00
|
|
|
|
2015-06-15 14:43:27 +08:00
|
|
|
小一号的圈形进度。
|
2015-06-15 11:48:30 +08:00
|
|
|
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
````jsx
|
2015-10-28 20:55:49 +08:00
|
|
|
import { Progress } from 'antd';
|
|
|
|
|
const ProgressCircle = Progress.Circle;
|
2015-06-15 11:48:30 +08:00
|
|
|
|
2015-10-20 16:47:55 +08:00
|
|
|
ReactDOM.render(
|
2015-06-15 11:48:30 +08:00
|
|
|
<div>
|
2015-10-26 20:14:41 +08:00
|
|
|
<ProgressCircle percent={30} width={80} />
|
|
|
|
|
<ProgressCircle percent={70} width={80} status="exception" />
|
|
|
|
|
<ProgressCircle percent={100} width={80} />
|
2015-06-15 11:48:30 +08:00
|
|
|
</div>
|
|
|
|
|
, document.getElementById('components-progress-demo-circle-mini'));
|
|
|
|
|
````
|
