Determinate progress-bar <mat-progress-bar mode="determinate"> is a horizontal progress-bar for indicating progress and activity.

Indeterminate progress-bar <mat-progress-bar mode="indeterminate"> is a horizontal progress-bar for indicating progress and activity.

Buffer progress-bar <mat-progress-bar mode="buffer"> is a horizontal progress-bar for indicating progress and activity.

Query progress-bar <mat-progress-bar mode="query"> is a horizontal progress-bar for indicating progress and activity.

Colored progress-bar <mat-progress-bar mode="determinate"> is a horizontal progress-bar for indicating progress and activity.

Progress bar configuration

Color: Primary Accent Warn

Mode: Determinate Indeterminate Buffer Query

Progress:

Buffer:

Result