A circular progress indicator used to express unspecified wait time or display the length of a process.
Slots
default — The text area container.
gradient — Customize the progress bar in order to use a color gradient instead of a solid color. Accepts circular gradient elements.
CSS Parts
svg — The circular progress SVG element.
gradient_start — The circular progress linear-gradient start color.
gradient_end — The circular progress linear-gradient end color.
track — The circular progress ring track area.
fill — The circular progress indicator area.
label — The circular progress label.
value — The circular progress label value.
indeterminate — The circular progress indeterminate state.

Properties

Section titled "Properties"

animationDuration

Section titled "animationDuration"

Animation duration in milliseconds.

 
animationDuration: number

hideLabel

Section titled "hideLabel"

Shows/hides the label of the control.

 
hideLabel: boolean

indeterminate

Section titled "indeterminate"

The indeterminate state of the control.

 
indeterminate: boolean

labelFormat

Section titled "labelFormat"

Format string for the default label of the control. Placeholders: {0} - current value of the control. {1} - max value of the control.

 
labelFormat: string

max

Section titled "max"

Maximum value of the control.

 
max: number

value

Section titled "value"

The value of the control.

 
value: number

variant

Section titled "variant"

The variant of the control.

 
variant: StyleVariant