Blox Material v1.0.0-beta.3

Linear Progress

The mdcLinearProgress directive creates a material designed linear progress indicator.

Linear Progress

Customize progress:

API

Directive: MdcLinearProgressDirective

Selector: [mdcLinearProgress]

Directive for creating a Material Design linear progress indicator. The current implementation will add and manage all DOM child elements that are required for the wrapped mdc-linear-progress component. Future implementations will also support supplying (customized) DOM children.

Property Description
@Input()
label
string | null

Label indicationg how the progress bar should be announced to the user. Determines the ària-label` attribute value.

@Input()
indeterminate
boolean

Puts the progress indicator in 'indeterminate' state, signaling that the exact progress on a measured task is not known.

@Input()
reversed
boolean

Reverses the direction of the linear progress indicator.

@Input()
progressValue
number

Set the progress, the value should be between [0, 1].

@Input()
bufferValue
number

Set the buffer progress, the value should be between [0, 1].

@Input()
closed
boolean

When set to true this closes (animates away) the progress bar, when set to false this opens (animates into view) the progress bar.