1
Get Blocs Pro
One-time $17 payment gives you lifetime access to all widgets, including the Progress Bar.
2
Configure Your Bar
Choose a mode (manual, date range, or calendar), pick a style, set your colors and title.
3
Embed in Notion
Copy the widget link and paste it into any Notion page with /embed. Your progress bar is live.
One widget, three modes. Use what fits your goal.
Manual Tracking
Set a total, then tap + or - inside the widget to update your count. Great for books read, workouts done, or any custom goal.
Date Range
Set a start and end date. The bar fills automatically as time passes. Perfect for sprints, deadlines, and project timelines.
Calendar Awareness
See how far through the current year, month, week, or day you are. A quiet reminder to make the most of the time you have.
What is the Progress Bar widget?
A visual progress tracker you can embed in any Notion page. Track goals manually with +/- buttons, visualize progress through a date range, or display ambient time awareness for the current year, month, week, or day.
What visualization styles are available?
You can choose from three styles: a horizontal bar, a circular ring (donut), or a semicircle gauge. All styles work across all three tracking modes.
How does manual tracking work?
You set a title, a total target, a starting value, and an increment step. Inside the embedded widget, you tap + or - to update your progress. The value is saved in the browser and persists across page reloads.
What is date range mode?
Set a start date and end date and the bar automatically fills based on how much time has elapsed. Useful for project sprints, school terms, or any time-boxed goal.
What is calendar mode?
Shows how far through the current year, month, week, or day you are. Toggle each on or off. A good ambient reminder of time passing.
Does it require an account?
The Progress Bar is a Blocs Pro feature. You need a Blocs Pro account ($17 one-time) to configure and embed it. It's part of lifetime access to all widgets.
Does it sync across devices?
Manual mode stores progress in your browser's local storage — it persists on the same device and browser. Date range and calendar modes are purely calculated and work everywhere.