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 `igc-circular-gradient` elements.
- CSS Parts
-
svg— The igc-circular-progress SVG element. -
gradient_start— The igc-circular-progress linear-gradient start color. -
gradient_end— The igc-circular-progress linear-gradient end color. -
track— The igc-circular-progress ring track area. -
fill— The igc-circular-progress indicator area. -
label— The igc-circular-progress label. -
value— The igc-circular-progress label value. -
indeterminate— The igc-circular-progress indeterminate state. -
primary— The igc-circular-progress primary state. -
danger— The igc-circular-progress error state. -
warning— The igc-circular-progress warning state. -
info— The igc-circular-progress info state. -
success— The igc-circular-progress success state.
Properties
Section titled "Properties"animationDuration
Section titled "animationDuration"Animation duration in milliseconds.
animationDuration: numberindeterminate
Section titled "indeterminate"The indeterminate state of the control.
indeterminate: booleanlabelFormat
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