Skip to content

circular-progressbar 圆形进度条

circular-progressbar 是一个可拖拽的圆形进度条组件,支持自定义进度、半径和初始位置。

基础用法

vue
<template>
  <circular-progressbar :progress="50">
    <text>50%</text>
  </circular-progressbar>
</template>

Props

参数说明类型默认值
progress进度百分比 (0-100)Number0
radius圆形半径Number40
right距离右侧的距离String'0'
bottom距离底部的距离String'0'

Slots

插槽名说明
default进度条圆环内部的内容