欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

微信小程序——【二】基础内容(icon,text,progress)之progress组件(进度条)

程序员文章站 2022-06-14 23:28:09
...

progress

进度条。组件属性的长度单位默认为px。
微信小程序——【二】基础内容(icon,text,progress)之progress组件(进度条)

progress.wxml文件

<view class="container">
    <progress percent="20" show-info />
    <progress percent="40" stroke-width="12" />
    <progress percent="60" color="red" />
    <progress percent="80" active />
</view>

效果图

微信小程序——【二】基础内容(icon,text,progress)之progress组件(进度条)