← All components

Progress bar

Track progress toward a goal with a progress bar component — enter it as a percentage or as a plain x-out-of-y proportion.

Savings goal
3200 out of 5000 dollars · 64%

A goal, at a glance

Some numbers are only meaningful relative to a target. "3,200" doesn't tell you much on its own; "3,200 of 5,000" does. Deploy's progress component shows both the filled bar and the x-out-of-y proportion, so the goal itself never gets separated from how far along you are toward it.

Two ways to enter it

Enter a value directly as a percentage, or as a plain x-out-of-y proportion — $3,200 saved of a $5,000 goal, 38 pull-ups of a target of 50. Proportion mode also shows the derived percentage automatically, so you get both views without tracking them separately.

Common uses:

  • Savings goals — dollars saved against a target.
  • Fitness targets — reps, sessions, or distance against a goal.
  • Learning goals — words learned, pages read, courses completed.

Built in

An optional unit label (dollars, reps, pages) shows up next to the proportion automatically, so the number never needs re-explaining in the title.

Often used with

Templates using this component

See all templates

Build your own dashboard

Add a progress bar and other components to your own dashboard.