Appearance
mp-circle-progress 圆形进度条
基于 SVG 实现的圆形进度条（不支持过渡动画）
代码演示
vue
<mp-circle-progress :progress="num" :responsive="false" />API
Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| progress | 进度百分比 | number | - | required |
| animate | 是否启用动画 | boolean | - | true |
| progressColor | 进度条颜色 | string | - | 'rgb(76, 154, 255)' |
| bgColor | 背景颜色 | string | - | '#ecedf0' |
| size | 尺寸 | string | - | '100rpx' |
| lineWidth | 线条宽度 | string | - | '25' |
| roundedStroke | 是否使用圆角边缘 | boolean | - | true |
| responsive | 是否启用响应式布局 | boolean | - | true |