ProgressBar

Displays a progress bar that can be filled.

Examples

Label left

Label centered

Label right

Click on the progress bars to update their values

With default properties

0/100%


Centered progression with no label

0/100%

Theme

Props

Name

Type

Default value

Description

end

number

100

End of the progressbar.

fillingOrientation

enum

'left'

Tells how the progressbar will be filled (left, center or right).

fillingSpeed

number

100

Define the filling speed of the progressbar.

label

string

null

Define the label text.

leftLabel

string

''

Define the left label text.

rightLabel

string

''

Define the right label.

start

number

0

Beginning of the progressbar.

step

number

1

Incremental step.

value

number

0

Progressbar value.