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: numberhideLabel
Section titled "hideLabel"Shows/hides the label of the control.
hideLabel: booleanindeterminate
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: stringMaximum value of the control.
max: numbervalue
Section titled "value"The value of the control.
value: numbervariant
Section titled "variant"The variant of the control.
variant: StyleVariant