How to create a progress tracker in Notion

You can create a progress tracker in Notion to show progress toward a goal on your page. Set the goal and a step size, and then press plus or minus to fill the bar, ring, or segments one step at a time.

Notion data

The progress tracker does not take Notion data. You set its goal and step size in the editor.

Create a progress tracker and embed it in Notion

1. In the Blocky dashboard, click Create widget.
2. Under Category, choose Study.
3. Under Widget type, choose Progress. This is the progress tracker.
4. Under Style, choose a template, such as Normal.
5. Click Open editor.
6. In the Elements panel, select Widget, and then open the Inputs tab.
7. In Goal, set the value that counts as done. In Step size, set how far one press moves.
8. Change the text, colors, and settings of the tracker in the editor.
9. Click Save. Blocky publishes the tracker and opens the dashboard.
10. On the card of the tracker, click Copy.
11. In Copy embed link, copy the link on the Public tab. Anyone who has a Private link can use it, so use a private link only on pages that you control.
12. In Notion, open the page for the tracker. Type /embed, choose Embed, and paste the link.
13. Confirm the embed. If the tracker needs more space, resize the embed block.

Templates

The create dialog lists the templates of the progress tracker under Style:

• Normal (Normal progress tracker). A white card with a Progress label, the percent, and a plain blue bar, with plus and minus buttons below it.
• Gradient (Gradient progress tracker). A purple-to-pink bar on a gray track, with round buttons in the same colors.
• Gamified (Gamified progress tracker). An indigo header shows Quest Progress and your level above a thick indigo bar and a row of emoji milestones.
• Circular (Circular progress tracker). A blue ring on a white card, with the percent as a large number in the middle.
• Segmented (Segmented progress tracker). A row of green segments under the percent, with a status that reads Not started, In progress, or Completed.

Inputs

The Inputs tab of Widget sets the goal:

• Goal is the value that counts as done. It starts at 100.
• Step size is how far one press of plus or minus moves. It starts at 1.