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

  • IgcProgressBaseComponent
    • IgcCircularProgressComponent

Index

Constructors

  • Returns IgcCircularProgressComponent

Properties

animationDuration: number = 500

Animation duration in milliseconds.

hideLabel: boolean = false

Shows/hides the label of the control.

indeterminate: boolean = false

The indeterminate state of the control.

labelFormat: string

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

max: number = 100

Maximum value of the control.

value: number = 0

The value of the control.

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

The variant of the control.

styles: CSSResult = styles
tagName: "igc-circular-progress" = 'igc-circular-progress'

Methods

  • connectedCallback(): void