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

28 lines
502 B
Markdown
Raw Normal View History

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-06-15 15:11:02 +08:00
var ProgressCircle = antd.Progress.Circle;
2015-06-15 11:48:30 +08:00
React.render(
<div>
2015-06-15 15:11:02 +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'));
````
<style>
.ant-progress-circle-wrap,
.ant-progress-line-wrap {
margin-right: 15px;
margin-bottom: 15px;
}
</style>