ant-design/components/progress/demo/circle-mini.md

22 lines
370 B
Markdown
Raw Normal View History

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';
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>
, mountNode);
2015-06-15 11:48:30 +08:00
````