Progress spinner

API for 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
Properties
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

Properties
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.

Properties
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 ProgressSpinnerMode = 'determinate' | 'indeterminate';

Injection token to be used to override the default options for mat-progress-spinner.

const MAT_PROGRESS_SPINNER_DEFAULT_OPTIONS: InjectionToken<MatProgressSpinnerDefaultOptions>;