WeChat Open Platform

Mini Programs Documentation

progress

Progress bar

Attribute Type Default value Description
percent Float No Percentage 0 to 100
show-info Boolean false Display percentage on right side of progress bar
stroke-width Number 6 Progress bar line width, unit px
color Color #09BB07 Progress bar color (please use activeColor)
activeColor Color Selected progress bar color
backgroundColor Color Unselected progress bar color
active Boolean false Animation from left to right of progress bar

Example:

<progress percent="20" show-info />
<progress percent="40" stroke-width="12" />
<progress percent="60" color="pink" />
<progress percent="80" active />

progress