Skip to content
StrataKit Docs

CircularProgress

Progress indicators are used to display a loading state or visualize the progress of an operation.

Useful links:

StrataKit MUI modifications

Section titled “StrataKit MUI modifications”
  • The color prop does not support "inherit" or "info".
  • The disableShrink, enableTrackSlot, and thickness props are not supported.
  • Restyled using StrataKit’s visual language.
  • Includes full forced-colors support.

Examples

Section titled “Examples”

Colors

Section titled “Colors”
  • Primary: The default. Use when indicating the primary loading state on a page.
  • Secondary: Use when indicating a secondary loading state or when multiple loading states are shown at once.

Determinate

Section titled “Determinate”

Set the variant prop to "determinate" when the completion percentage is known.

API reference

Section titled “API reference”