Skip to content
StrataKit Docs

LinearProgress

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”
  • Added an end marker when the variant prop is set to "determinate" or "buffer".
  • 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.

Buffer

Section titled “Buffer”

Set the variant prop to "buffer" when progress and buffered work are tracked separately.