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
NameDescription
@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.

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

ID of the progress bar.