Progress

Linear progress bar for showing the current operation progress.

Code examples

Progress styles

Percentage display, custom colors, and progress animation

<m-progress percent="75" show-info active />
<m-progress percent="30" show-info active-color="#10B981" stroke-width="8" />
<m-progress percent="50" active-color="#F59E0B" background-color="#FEF3C7" />

API

Props

属性	说明	类型	默认值
percent	Percentage, 0–100	number	0
show-info	Whether to show percentage on the right	boolean	false
stroke-width	Bar thickness (px)	number	6
active-color	Color of the completed portion	string	-
background-color	Color of the remaining portion	string	-
active	Whether to show progress animation	boolean	false