Progress.

Compare these components

Choose by behavior and layout, then check the available frameworks and access requirements on each component page.

• Concentric goal rings

  Three nested progress rings that draw themselves in sequence beside a readout of each goal's current and target value.

• Concentric Ring Chart

  Nested progress rings that sweep to their own percentage on mount and share a live center total, like a multi-dial gauge.

• Fill progress loading text

  A loading label sits as a faint outline of itself while a solid colored copy fills it in from the left like a progress bar shaped like the word, sweeping back and forth while work happens.

Guidance