Ignite UI for Web Components

All
  • Public
  • Public/Protected
  • All

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

Hierarchy

  • IgcProgressBaseComponent
    • IgcLinearProgressComponent

Constructors

Properties

Methods

Constructors

constructor

Properties

animationDuration

animationDuration: number = 500

Animation duration in milliseconds.

Attr

animation-duration

hideLabel

hideLabel: boolean = false

Shows/hides the label of the control.

Attr

hide-label

indeterminate

indeterminate: boolean = false

The indeterminate state of the control.

Attr

labelAlign

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

The position for the default label of the control.

Attr

label-align

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.

Attr

label-format

max

max: number = 100

Maximum value of the control.

Attr

striped

striped: boolean = false

Sets the striped look of the control.

Attr

value

value: number = 0

The value of the control.

Attr

variant

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

The variant of the control.

Attr

Static styles

styles: CSSResult[] = ...

Static Readonly tagName

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

Methods

connectedCallback

Static register