At-a-glance progress bar

Each project bar is segmented by stage and tinted by status, so you can read progress without opening anything.

What it is

The expanded project bar renders one segment per stage, positioned at the stage's real timeline position and shaded by its status (planned / in progress / delayed / completed). It also carries counts: stages done, stages delayed, checkpoints done vs applicable, and the current in-progress stage name. The bar text adapts to zoom — the wider the bar on screen, the more detail it shows.

Also called: project progress on the schedule · stage segments · percent complete bar

See it
At-a-glance progress bar
Apr
May
Jun
Jul
Ivy Brubaker — Hobby Shop
Framing
Delia Yoder — Hobby Shop
Concrete
Marlin Hoover — 30×40 Garage
Trim
Gideon Alt — 30×40 Garage
Framing
Gideon Alt — Equipment Storage
Concrete
Framing crewConcrete crewTrim crew
Zoomed-in project bar showing coloured stage segments and a 7/12 checkpoint count — GanttChart.tsx projectGlance memo + project summary row. Sample data — no customer information appears here.
How it works
  1. 1For every stage it reads the crew stage log status and the checkpoint states for that project/task
  2. 2N/A checkpoints are excluded from the denominator so a stage with an irrelevant checkpoint can still read 3/3
  3. 3Percent complete prefers checkpoint-weighted progress and falls back to whole-stage done/total when a project has no checkpoints
  4. 4Adjacent same-status stages get slightly different shades (shadeHex) so three in-progress stages stay visually divided
Why we built it

'Framing in progress' told the office nothing about whether framing was one box in or one box from done, so the real answer came from phoning the crew lead. The bar is weighted by checkpoints actually ticked, and runs of the same status are shaded differently, because when they were not, five finished stages in a row read as one solid block with no detail in it.

The problem
  • Reading real progress required opening each project
  • Same-status stages merging into an unreadable block
Sound familiar?
What you get
Progress readable from the board itself
Delayed stages visible without drilling in

See it on your own jobs

Twenty minutes, your numbers, no slide deck. We’ll build one of your real buildings in front of you and send you the estimate link at the end — yours to keep either way.

or keep browsing features →