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

523 B

#### 小型进度圈 小一号的圈形进度。 #### Mini size circular progress bar A smaller circular progress bar.
<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>