ProgressCircle 进度圈

用于展示用户操作、任务的进度

代码示例

基本使用

注意事项

进度条与进度轨道采用 canvas 实现

属性

属性类型必填默认值说明
percentnumber0进度百分比
progressWidthnumber8进度条宽度
progressColorstring#1677FF进度条颜色
speednumber6deg每次绘制进度条推进的角度
widthnumbercanvas 宽度
heightnumbercanvas 宽度
unitnumber进度单位
progressTextstring自定义进度文案
labelstring自定义进度提示文案
classNamestring

Slot

名称说明
default自定义进度条内部元素展示

样式类

类名说明
amd-progressBar-wrapper整体样式
amd-progressBar-indicator-default默认指示器样式
amd-progressBar-indicator-column带提示的指示器样式