Skip to main content

How can I use milestones correctly in the Progress Bar widget?

Show milestone markers at meaningful points and position them so they stay readable.

Written by Karan Bhakuni


How can I use milestones correctly in the Progress Bar widget?

Milestones are useful for highlighting important thresholds (for example 25%, 50%, or launch-ready). They work best when the milestone label and position are planned for readability.

This screenshot should show both the milestone controls and the visual marker result.

  1. Open the widget and go to Settings.

  2. Turn on Show Milestone.

  3. Choose Milestone Position (typically Above for better visibility).

  4. In Content, add milestone values per bar where needed.

  5. Keep milestone labels short so they don’t overlap nearby bars.

  6. Validate in preview, especially if you have many bars close together.

Use this setting when you need users to notice key checkpoints, not just overall completion.

Check this if the result does not look right:

  • If labels overlap, reduce milestone count or move position.

  • If markers feel noisy, keep milestones only on the most important bars.

  • If milestones are not relevant for your selected layout, switch to a template where marker placement is easier to scan.

Did this answer your question?