circle-mini.md 470 字节
Newer Older
A
afc163 已提交
1
# 小型进度圈
夏奈 已提交
2

A
afc163 已提交
3
- order: 3
夏奈 已提交
4

A
afc163 已提交
5
小一号的圈形进度。
夏奈 已提交
6 7 8 9 10 11 12 13

---

````jsx
var Circle = antd.Progress.Circle;

React.render(
  <div>
A
afc163 已提交
14 15 16
    <Circle percent="30" width="80" />
    <Circle percent="70" width="80" status="exception" />
    <Circle percent="100" width="80" />
夏奈 已提交
17 18 19 20 21 22 23 24 25 26 27
  </div>
  , document.getElementById('components-progress-demo-circle-mini'));
````

<style>
.ant-progress-circle-wrap,
.ant-progress-line-wrap {
  margin-right: 15px;
  margin-bottom: 15px;
}
</style>