Progress 进度条

进度条,用可视化的方式展示用户的资源状态或操作进度。

Progress

Props

Prop NameTypeRequiredDefaultDescription
styleType
enum
'line'
进度条类型,可选 line、circle
percent
number
0
当前百分比
color
union
进度条颜色,内置 success、warn、error
format
func
percent => `${percent}%`
展示文字的格式化,为 null 时隐藏文字
@argument
格式化的百分比
strokeWidth
number
10
进度条粗度

说明

这是 Progress 组件

演示

普通使用

VIEW CODE ( LIVE )

format - 展示文字的格式化

VIEW CODE ( LIVE )

color - 进度条颜色

VIEW CODE ( LIVE )

custom - 自定义

VIEW CODE ( LIVE )
Copyright © 2021-2024 UCloud 优刻得科技股份有限公司