Class IgcLinearProgressComponent

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

element

igc-linear-progress

slot
  • The text area container.
csspart

track

csspart

fill

csspart

striped

csspart

label

csspart

value

csspart

indeterminate

csspart

primary

csspart

danger

csspart

warning

csspart

info

csspart

success

Hierarchy

  • IgcProgressBaseComponent
    • IgcLinearProgressComponent

Index

Constructors

  • Returns IgcLinearProgressComponent

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.

labelAlign: "top" | "bottom" | "top-start" | "top-end" | "bottom-start" | "bottom-end" = 'top-start'

The position for the default label 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.

striped: boolean = false

Sets the striped look 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-linear-progress" = 'igc-linear-progress'

Methods

  • connectedCallback(): void