Skip to content
search icon
clear
Component Status

Progress indicators

Figma

How to add

  1. Locate the Assets tab in the Layers Panel.
  2. There are two ways to locate the Progress indicator components needed:
    • Use the search bar to search for a component grouping name or variation name.
    • Scroll through the folders list and open the relevant grouping.
  3. Once the component needed is located, click and drag it into the frame/artboard.

API

CircularProgress

PropertyTypeRequiredDefaultDescription
classNameStringfalse[Empty String]@ignore
variantEnum
'determinate' │ 'indeterminate'
falseindeterminate
valueNumberfalsenull

DotProgress

PropertyTypeRequiredDefaultDescription
classNameStringfalse[Empty String]@ignore
variantEnum
'white' │ 'green'
falsewhite

LinearProgress

PropertyTypeRequiredDefaultDescription
classNameStringfalse[Empty String]@ignore
variantEnum
'determinate' │ 'indeterminate'
falseindeterminate
valueNumberfalsenull

StarProgress

PropertyTypeRequiredDefaultDescription
classNameStringfalse[Empty String]@ignore
variantEnum
'determinate' │ 'indeterminate'
falseindeterminate
valueNumberfalsenull
Edit this page on GitHub