Radial · Single

Show completion percentages as circular bars.

Preview

Radial · Single
  • Complete 82%
Radial · Single
Radial · SingleComplete
Complete82%

Basic rules

Do

  • Specify the arc's starting point, full range and current value so progress is readable.

  • Provide a readable value and unit and calculate the target proportion on a consistent basis.

Don't

  • Do not compare arc lengths at different radii as if they encoded equal quantities.

  • Do not show an arc without a reference or silently lower a value to hide target overflow.