Ignite UI for Web Components

All
  • Public
  • Public/Protected
  • All

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

Properties

Methods

Constructors

constructor

  • Returns IgcCircularProgressComponent

Properties

animationDuration

animationDuration: number = 500

Animation duration in milliseconds.

hideLabel

hideLabel: boolean = false

Shows/hides the label of the control.

indeterminate

indeterminate: boolean = false

The indeterminate state of the control.

labelFormat

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

max: number = 100

Maximum value of the control.

value

value: number = 0

The value of the control.

variant

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

The variant of the control.

Static styles

styles: CSSResult = styles

Static Readonly tagName

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

Methods

connectedCallback

  • connectedCallback(): void