progress 进度条

更新时间：2025-07-30 11:13:32

基础库1.1.0开始支持,低版本需做兼容处理

开发者工具1.22.0开始支持

进度条。组件属性的长度单位 rpx/px（默认为 px）

属性

属性	类型	默认值	必填	说明
percent	number		否	百分比 0~100
show-info	boolean	false	否	在进度条右侧显示百分比
border-radius	string | number	0	否	圆角大小
font-size	string | number	16	否	右侧百分比字体大小
stroke-width	string | number	6	否	进度条线的宽度
color	string	'#09BB07'	否	进度条颜色（请使用 activeColor）
active-color	string	'#09BB07'	否	已选择的进度条的颜色
background-color	string	'#EBEBEB'	否	未选择的进度条的颜色
active	boolean	false	否	进度条从左往右的动画
active-mode	'backwards' | 'forwards'	'backwards'	否	backwards: 动画从头播; forwards: 动画从上次结束点接着播
duration	number	30	否	进度增加 1% 所需毫秒

扫码体验

示例代码