Progress spinner

API reference for Angular Material progress-spinner

import {MatProgressSpinnerModule} from '@angular/material/progress-spinner';

<mat-progress-spinner> component.

Selector: mat-progress-spinner

Exported as: matProgressSpinner

Name	Description
@Input() `color: ThemePalette`	Theme color palette for the component.
@Input() `diameter: number`	The diameter of the progress spinner (will set width and height of svg).
@Input() `mode: ProgressSpinnerMode`	Mode of the progress circle
@Input() `strokeWidth: number`	Stroke width of the progress spinner.
@Input() `value: number`	Value of the progress circle.

<mat-spinner> component.

This is a component definition to be used as a convenience reference to create an indeterminate <mat-progress-spinner> instance.

Selector: mat-spinner

Name	Description
@Input() `color: ThemePalette`	Theme color palette for the component.
@Input() `diameter: number`	The diameter of the progress spinner (will set width and height of svg).
@Input() `mode: ProgressSpinnerMode`	Mode of the progress circle
@Input() `strokeWidth: number`	Stroke width of the progress spinner.
@Input() `value: number`	Value of the progress circle.

Default mat-progress-spinner options that can be overridden.

Name	Description
`_forceAnimations: boolean`	Whether the animations should be force to be enabled, ignoring if the current environment is using NoopAnimationsModule.
`diameter: number`	Diameter of the spinner.
`strokeWidth: number`	Width of the spinner's stroke.

Possible mode for a progress spinner.

Type: 'determinate' | 'indeterminate'