Appearance
circular-progressbar 圆形进度条
circular-progressbar 是一个可拖拽的圆形进度条组件,支持自定义进度、半径和初始位置。
基础用法
vue
<template>
<circular-progressbar :progress="50">
<text>50%</text>
</circular-progressbar>
</template>Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| progress | 进度百分比 (0-100) | Number | 0 |
| radius | 圆形半径 | Number | 40 |
| right | 距离右侧的距离 | String | '0' |
| bottom | 距离底部的距离 | String | '0' |
Slots
| 插槽名 | 说明 |
|---|---|
| default | 进度条圆环内部的内容 |