Skip to content

Metric Progress

import Do_1 from './assets/MetricProgress/Do1.svg'; import DoNot_1 from './assets/MetricProgress/Dont1.svg'; import Overview from './assets/MetricProgress/Overview.svg';

This chart is mostly used in dashboards, to show the progress of one or more indicators against their established targets. The chart plots the progress as a percentage, in the form of a bar chart or a donut chart.

You can add more information to the chart, such as the change percentage and the difference against the previous period.

The difference between a progress bar chart and a donut chart is in the space they take. Choosing one or the other is mostly an aesthetic decision.

Metric Progress

Usage guidelines

When to use

Questions you can answer

  • How much has been accomplished against a target?
  • How much is left before achieving the target?
When not to use
  • Metric charts are a specialized subset of bar and donut charts. If you are not building a dashboard or if you want to compare more than 1 category, a bar chart or a donut chart may be more appropriate.
  • If you want to show the actual value of an indicator, use the KPI value component.
Usage recommendations
Docs image
Progress charts are most useful when using just one category
Docs image
Don't present data without a reference point: percentage, target, trend icon