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

27 lines
523 B
Markdown
Raw Normal View History

2018-04-03 14:14:38 +08:00
<cn>
#### 小型进度圈
小一号的圈形进度。
</cn>
<us>
#### Mini size circular progress bar
A smaller circular progress bar.
</us>
2019-10-09 18:32:23 +08:00
```tpl
2018-04-03 14:14:38 +08:00
<template>
<div>
<a-progress type="circle" :percent="30" :width="80" />
<a-progress type="circle" :percent="70" :width="80" status="exception" />
<a-progress type="circle" :percent="100" :width="80" />
</div>
</template>
<style scoped>
.ant-progress-circle-wrap,
.ant-progress-line-wrap {
margin-right: 8px;
margin-bottom: 5px;
}
</style>
```