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 enableTrackSlot prop defaults to true.
  • 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.