2016-03-31 09:40:55 +08:00
|
|
|
---
|
|
|
|
order: 3
|
|
|
|
title: 小型进度圈
|
|
|
|
---
|
2015-06-15 11:48:30 +08:00
|
|
|
|
2015-06-15 14:43:27 +08:00
|
|
|
小一号的圈形进度。
|
2015-06-15 11:48:30 +08:00
|
|
|
|
2016-03-31 09:40:55 +08:00
|
|
|
|
2015-06-15 11:48:30 +08:00
|
|
|
|
|
|
|
````jsx
|
2016-01-20 20:20:24 +08:00
|
|
|
import { Progress } from 'antd';
|
2015-10-28 20:55:49 +08:00
|
|
|
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} />
|
2016-01-20 20:20:24 +08:00
|
|
|
<ProgressCircle percent={70} width={80} status="exception" />
|
2015-10-26 20:14:41 +08:00
|
|
|
<ProgressCircle percent={100} width={80} />
|
2015-06-15 11:48:30 +08:00
|
|
|
</div>
|
2015-12-29 12:08:58 +08:00
|
|
|
, mountNode);
|
2015-06-15 11:48:30 +08:00
|
|
|
````
|