Milestone Tracker
Vertical stepper of four milestones with done, in-progress, and upcoming status, owner avatars, target dates, and progress bars.
Vertical stepper of four milestones with done, in-progress, and upcoming status, owner avatars, target dates, and progress bars.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
Milestone Tracker is a vertical stepper of four Acme milestones connected by a rail. Auth and billing foundation is done at 100%, Self-serve onboarding is in progress at 68% owned by priya@acme.com with a target of Jun 18, 2026, and Enterprise security tier and Data and export platform are upcoming with 0% bars. Each row carries a status badge, the owner avatar and email, a target date, and a Progress bar.
Milestones are one typed array with a shared shape: id, title, description, date, status, progress, and owner fields. The dot and badge classes are record lookups so adding a milestone is a single entry.
Reach for this block on a project or company goals page wired to your milestone records. Use it alongside a roadmap board when you need a goal-tracking view that shows who owns what and how close each target is.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the product milestone progress panel. Other configurations:
Tip: showing the owner email beside the avatar makes accountability explicit without needing a separate people view.