✨ Goal Progress Widget Builder

Tap-to-fill milestone bars for your yearly goals in Notion

Settings

Title

Leave blank to hide it.

Goals

EmojiGoalStepsColor

Steps = milestones to tap through (1–50). Up to 12 show as segments; more show as a bar with − / + buttons. Leave a goal’s color alone to use the accent color.

Show

Overall %

Step count (2 / 4)

Compact rows

Style

Color Theme

Pick a preset, then fine-tune any color below.

Colors

Background

Text

Accent

Empty steps

Small labels

Transparent background (blends into your Notion page)

Font

Live Preview

✅ Your Goal Progress Widget URL:

How to add to Notion:
1. Copy the URL above
2. In your Notion page, type /embed
3. Paste the URL and press Enter
4. Drag the corners to resize your widget

Good to know: tap a step to fill it, tap the last filled step to undo. Progress saves in the browser you use it in, and each generated link gets its own ID, so you can add several goal widgets without them mixing.