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