Skip to content

Progress ​

Used to display the current progress of an operation.

Basic Usage ​

Set the progress bar percentage through the value attribute.

Displaying Labels ​

Setting the label attribute can display a percentage label on the right side of the progress bar.

Reverse Progress Bar ​

Setting the reverse attribute can make the progress bar display from right to left.

Customizing Label Content ​

The label slot can be used to customize the label content.

Attributes ​

Attribute NameDescriptionTypeDefault Value
valueProgress percentagenumber0
reverseWhether to reversebooleanfalse
labelWhether to display labelsbooleanfalse

Slots ​

Slot NameDescription
labelCustom label content