← Back to Blog

How to Add a Progress Bar to Notion (Free Embeddable Widget)

September 25, 2026

The easiest way to add a progress bar to Notion is with Blocs — a free embeddable widget you paste directly into any Notion page as an iframe. No formulas, no databases, no templates to configure. Copy the URL, use Notion's /embed command, and you have a live visual progress bar inside your workspace in under a minute.

Key Takeaways

  • Notion has no native progress bar — you need either a formula hack, a template property, or an embeddable widget.
  • The Blocs Progress Bar widget is the fastest option: copy one URL, paste into Notion, done.
  • The free tier covers basic use; Blocs Pro unlocks custom ranges, color themes, and analytics for a one-time $17 payment (no subscription).
  • Embedding works on any Notion plan, including the free plan.

Why Doesn't Notion Have a Native Progress Bar?

Notion is a flexible document and database tool, not a purpose-built progress tracker. While you can simulate a progress bar using formula fields, rollup columns, or emoji characters, those approaches require database setup, formula knowledge, and manual upkeep. They also look clunky and don't update visually in real time. For anyone who wants a clean, visual progress indicator without building a spreadsheet, an embedded widget is the practical answer.

How to Add a Progress Bar to Notion Using Blocs

The Blocs Progress Bar widget embeds directly into Notion as an iframe. Here's the full setup process.

Step 1: Copy the Embed URL

The Blocs Progress Bar embed URL is:

https://blocs.me/progress-bar

That's it. No account needed for the basic widget.

Step 2: Add an Embed Block in Notion

  1. Open the Notion page where you want the progress bar.
  2. Type /embed and select Embed from the menu.
  3. Paste https://blocs.me/progress-bar into the URL field.
  4. Click Embed link.

Step 3: Resize to Fit Your Layout

Drag the bottom edge of the embed block to adjust the height. For the Blocs Progress Bar, a height of around 150px and a max width of 500px looks clean on most pages. You can also resize it horizontally by dragging the sides.

What Can You Use a Notion Progress Bar For?

A progress bar works well for any goal where you want a quick visual snapshot of how far you've come. Common use cases in Notion workspaces include:

  • Project completion — Track how far along a project or sprint is as a percentage.
  • Yearly or monthly goals — See your yearly progress bar at a glance alongside your Notion planner.
  • Life and time tracking — Some users embed a life progress bar as a daily reminder of the bigger picture.
  • Fitness and gym tracking — Pair a progress bar with habit logs for a visual training overview (see: how to track gym progress in Notion).
  • Reading or learning goals — Track books read, courses completed, or lessons finished.
  • Project-specific progress — Embed a project progress bar at the top of a project hub page.

What's Free vs. What Requires Blocs Pro?

The basic Blocs Progress Bar is free with no sign-up required. Blocs Pro — a one-time $17 payment, not a subscription — unlocks the following for the Progress Bar and all other widgets:

FeatureFreeBlocs Pro ($17 one-time)
Basic progress bar embedYesYes
Custom start/end values and rangesNoYes
Color and theme customizationNoYes
Daily, weekly, monthly analyticsNoYes
No Blocs brandingNoYes
Cloud sync across devicesNoYes
Access to all other widgets (Countdown, Calendar, Weather, etc.)NoYes

If you just want a clean visual indicator on one page, the free version is enough. If you're building a full productivity dashboard in Notion and want everything to match your color scheme, Pro is worth it, especially since it covers all widgets for life at a single flat price. See the Blocs pricing page for full details.

Notion Formula Progress Bar vs. Embedded Widget: Which Is Better?

Notion's formula approach to progress bars is a common alternative. Here's how the two compare honestly:

ApproachSetup effortVisual qualityWorks outside databases?Customizable?
Notion formula (emoji bar)Medium (requires formula knowledge)Basic (emoji blocks)No (database only)Limited
Notion rollup columnHigh (needs linked databases)Basic percentage numberNoNo
Blocs embedded widgetLow (paste URL, done)High (real visual bar)Yes (any Notion page)Yes (Pro)

The formula approach works if you're already running a database and want progress tied to your data automatically. The embed approach wins when you want a standalone visual element anywhere on any page — no database required. For most personal productivity setups, the embed is faster and looks better.

What Else Can You Embed Alongside a Progress Bar?

Blocs offers a full suite of widgets that work the same way — copy the URL, embed it. If you're building a productivity dashboard in Notion, you might also want:

All Blocs widgets embed the same way and share a single Pro license, so if you upgrade, everything unlocks at once.

Frequently Asked Questions

Does Notion support progress bars natively?

Notion does not have a native visual progress bar. You can approximate one with formula fields using emoji characters inside a database, but these require setup knowledge and only work within database views. For a standalone visual bar on any page, an embedded widget like Blocs is the simpler option.

Is the Blocs progress bar free?

Yes. The basic Blocs Progress Bar widget is free and requires no account or sign-up. Advanced features like custom ranges, color themes, and analytics are part of Blocs Pro, which is a one-time $17 payment with no recurring subscription.

Does embedding a widget work on the free Notion plan?

Yes. Notion's embed block is available on all plans, including the free plan. You can paste any external URL into an embed block without a paid Notion subscription.

Can I customize the progress bar's colors to match my Notion setup?

Color customization is a Blocs Pro feature. With the free tier, you get the default style. With Pro ($17 one-time), you can change the bar color, background, and theme to match your workspace aesthetic.

Does the embedded progress bar work on Notion mobile?

Notion's mobile app has limited support for embeds. The progress bar will display on desktop (web and app) reliably. On mobile, embed rendering can vary depending on the Notion version and device.

Can I add multiple progress bars to the same Notion page?

Yes. You can add as many embed blocks as you want on a single Notion page. Each embed is independent, so you can have separate progress bars for different goals on the same dashboard.


Ready to try it? Add the Blocs Progress Bar to your Notion workspace in under a minute — no sign-up required for the free version.