ProgressSpinner is a circular indicator for an ongoing operation. Use indeterminate mode when the remaining time is unknown, or determinate mode with a 0-100 value when progress is known. Use ProgressBar for linear progress, Skeleton for known loading layouts, PageLoadingBar for route loading, and BlockLoader or ScreenLoader for blocking loading states.
| Prop | Type | Default |
|---|---|---|
color The color of the progress spinner | string | primary |
mode The mode of the progress spinner (determinate or indeterminate) | SpinnerMode | indeterminate |
value The value of the progress spinner (only for determinate mode) | number | 0 |
diameter The diameter of the progress spinner in pixels | number | 100 |
strokeWidth The stroke width of the progress spinner in pixels | number | undefined | undefined |
Using this component in production?
NgStarter includes source code, admin dashboard templates, and commercial support.