Used to display operation progress and inform users of the current state and expected result.

Attributes

Parameter	Description	Type	Optional Values	Default
percentage	Percentage (required)	number	0-100	0
type	Progress bar type	string	line/circle/dashboard	line
stroke-width	Width of the progress bar, in px	number	—	6
text-inside	Whether the progress text is placed inside the bar (only available when type=line)	boolean	—	false
status	Current status of the progress bar	string	success/exception/warning	—
color	Background color of the progress bar (overrides status color)	string/function/array	—	''
width	Canvas width of the circular progress bar (only available when type is circle or dashboard)	number		126
show-text	Whether to display progress text	boolean	—	true

Linear Progress Bar

Text Inside Percentage

Custom Colors

Circular Progress Bar

Dashboard Progress Bar