Skip to content

Progress

Used to display the current progress of an operation.

Basic Usage

Set the progress bar percentage through the value property.

Displaying Labels

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

Reverse Progress Bar

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

Customizing Label Content

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

Properties

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

Slots

Slot NameDescription
labelCustom label content