Class IgcCircularProgressComponent

A circular progress indicator used to express unspecified wait time or display the length of a process.

Element

igc-circular-progress

Slot

  • The text area container.

Slot

gradient - Customize the progress bar in order to use a color gradient instead of a solid color. Accepts igc-circular-gradient elements.

Csspart

svg

Csspart

gradient_start

Csspart

gradient_end

Csspart

track

Csspart

fill

Csspart

label

Csspart

value

Csspart

indeterminate

Csspart

primary

Csspart

danger

Csspart

warning

Csspart

info

Csspart

success

Hierarchy

Hierarchy

  • IgcProgressBaseComponent
    • IgcCircularProgressComponent

Constructors

Properties

animationDuration: number = 500

Animation duration in milliseconds.

Attr

animation-duration

hideLabel: boolean = false

Shows/hides the label of the control.

Attr

hide-label

indeterminate: boolean = false

The indeterminate state of the control.

Attr

labelFormat: string

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

Attr

label-format

max: number = 100

Maximum value of the control.

Attr

value: number = 0

The value of the control.

Attr

variant: "success" | "primary" | "info" | "warning" | "danger" = 'primary'

The variant of the control.

Attr

styles: CSSResult[] = ...
tagName: "igc-circular-progress" = 'igc-circular-progress'

Methods