Linear Progress

The mdcLinearProgress directive creates a material designed linear progress indicator.

Linear Progress Demo

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.

PropertyDescription
@Input()
indeterminate
any

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

@Input()
reversed
any

Reverses the direction of the linear progress indicator.

@Input()
progressValue
number | string

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

@Input()
bufferValue
number | string

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

@Input()
closed
any

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