这篇文章主要介绍“微信小程序进度条怎么实现”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“微信小程序进度条怎么实现”文章能帮助大家解决问题。
progress
进度条。
|
属性名 |
类型 |
默认值 |
说明 |
|---|
|
percent |
Float |
无 |
百分比0~100 |
|
show-info |
Boolean |
false |
在进度条右侧显示百分比 |
|
stroke-width |
Number |
6 |
进度条线的宽度，单位px |
|
color |
Color |
#09BB07 |
进度条颜色 （请使用 activeColor） |
|
activeColor |
Color |
|
已选择的进度条的颜色 |
|
backgroundColor |
Color |
|
未选择的进度条的颜色 |
|
active |
Boolean |
false |
进度条从左往右的动画 |
示例：
<progress percent="20" show-info /><progress percent="40" stroke-width="12" /><progress percent="60" color="pink" /><progress percent="80" active />
关于“微信小程序进度条怎么实现”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注天达云行业资讯频道，小编每天都会为大家更新不同的知识点。