Anatomy

  1. Metric
  2. Scale (Depending on KPI)
  3. Progress bar
  4. Threshold (Optional)

https://invis.io/8BZJGZI7FYV#/438766218_Progress_-_Anatomy

The score thresholds and color codes vary depending on the chosen KPI or metric that is represented. The max width of the chart can adapt depending on the parent container.

Variations

Medium

https://invis.io/RJZJFM0YX4B#/438667697_Progress_-_Medium

Small

https://invis.io/J5ZJFMW97WQ#/438669752_Progress_-_Small

Specs

https://invis.io/UYZJHXSEHTA#/438773091_Progress_-_Specs