Progress bar

API for progress-bar

API reference for Angular Material progress-bar

import {MatProgressBarModule} from '@angular/material/progress-bar';

<mat-progress-bar> component.

Selector: mat-progress-bar

Exported as: matProgressBar
Properties
Name Description
@Input()

bufferValue: number

Buffer value of the progress bar. Defaults to zero.
@Input()

color: ThemePalette

Theme color palette for the component.
@Input()

mode: 'determinate' | 'indeterminate' | 'buffer' | 'query'

Mode of the progress bar.

Input must be one of these values: determinate, indeterminate, buffer, query, defaults to 'determinate'. Mirrored to mode attribute.
@Input()

value: number

Value of the progress bar. Defaults to zero. Mirrored to aria-valuenow.
@Output()

animationEnd: EventEmitter<ProgressAnimationEnd>

Event emitted when animation of the primary progress bar completes. This event will not be emitted when animations are disabled, nor will it be emitted for modes with continuous animations (indeterminate and query).

progressbarId: `mat-progress-bar-${progressbarId++}`

ID of the progress bar.

Last animation end data.

Properties
Name Description

value: number