English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

WeChat Mini Program wxapp Content Component progress detailed introduction

 WeChat Mini Program Content Component

Related articles:

WeChat Mini Program wxapp content component icon

WeChat Mini Program wxapp content component text

WeChat Mini Program wxapp content component progress

WeChat Mini Program Content Component Progress bar: progress

Progress bar

Attribute name Type Default value Description
percent Float None Percentage 0~100
showInfo Boolean false Show percentage on the right side of the progress bar
strokeWidth Number 6 Progress bar line width, unit px
color Color #09BB07 Progress bar color
active Boolean false Progress bar animation from left to right

Example:

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

Thank you for reading, I hope it can help everyone. Thank you for your support of our website!

You May Also Like