Back to Hub CiviDocs App Prototype Implementation Notes Icon Conventions Header Layout Mockup Inline Title Mockup Status Progress Mockup

Status Progress Mockup

Quick alternative to tier-colored pips: grey/green segments that fill like a progress bar. Not wired into the main table yet.

Segment layout

Four segments on a shared grey track. Pills fill left-to-right in two stages; the meeting step is a single pip (on/off).

Example above: Minutes Generated (minutes pill half full).

Agenda pill Not published → published
Meeting pip Grey → green dot when run
Minutes pill Generated (half) → saved (full)
Signed pill Approved (half) → signed (full)

All workflow states

Meeting status progression examples
Agenda Not Published
Agenda Published
Meeting Run
Minutes Generated
Minutes Saved
Minutes Marked Officially Approved
Minutes Signed

Hover any indicator for the current state tooltip.