Notes

A client-facing progress page for a build or restoration: a big percentage and bar, a six-phase track with dated milestones and the current phase flooded in the brand colour, then the latest site update beside a next site visit card. It is built from plain Divs, so there is no script: the track is a six-column grid on desktop and turns into a vertical rail from tablet portrait down, with each marker line switching from a bottom border to a right border. To move the project on, swap which phase has the brand card and dot, and change the bar width to match the percentage.