Notion widgets

Notion Progress Bar Widget

A live year progress bar for your Notion dashboard, or month, week, day, semester and sprint.

  • Free foreverNo trial, no paywall, no usage limits.
  • No sign-upOpen the page and start. We never ask for an email to use a tool.
  • PrivateEverything runs in your browser. Your input is never uploaded or stored on our servers.
  • Works offlineOnce the page has loaded, the tool keeps working without a connection.

Style

Five looks. Every option below works with every style.
Clean type, no frame. Blends into any Notion page.A frosted, translucent card with a soft highlight edge.Glowing accent-colored type. Best on dark pages.A warm paper card with serif type, like a note on your desk.An LCD screen with scanlines and monospace digits.

Progress Bar options

Reset to defaults
The stretch of time to measure. Custom takes any start and end date, such as a semester or a sprint.
When the day, week or year rolls over. Viewer's local time uses each person's own midnight.
Bar fits a thin strip of the page; Ring suits a square spot; Dots show each month, day or hour as its own dot.
More decimals make the year visibly move: one decimal of a year is about nine hours.
The share of the period that has passed.
Days left counts the full days after today. For a day, it shows the hours and minutes left.
78 days leftDay 287 of 365
Leave empty for an automatic label (2026, October, this week's dates, Today).

0/40 characters

Colors and font

Light or dark colors. Auto adapts to the page it is embedded in.
Follows the page: light text on dark Notion pages, dark text on light ones (in browsers that pass the theme to embeds, otherwise your device setting).Dark text for light Notion pages.Light text for dark Notion pages.
Transparent lets your Notion page show through, so the widget looks built in. Solid gives it its own card.
Blends into the page behind it.Fills the embed with the style's own background.
Used for highlights: progress fills, the second hand, glows. Leave it on the style default or match your page's colors.
Using the style's own accent. Pick a color to override it.
Fonts already on the viewer's device, so the widget loads instantly and works offline. Each style has its own default.

Language and credit

How month and day names and numbers are written. Auto uses each viewer's browser language. Text you type is shown as you typed it.
A small link in the corner that opens this builder in a new tab. The widget is free either way; turn it off to hide it.
Edit a widget you already madePaste its link

Live preview

This is the real widget, running exactly as it will in Notion.
A small block: 360 × 90 px.One of two columns: 340 × 180 px.The full width of a standard page: 700 × 120 px.
See the widget on a light Notion page.See the widget on a dark Notion page. Theme Auto switches with it.

340 × 180 px

Your embed link

Paste this into a Notion embed block. Everything about the widget is in the link, so there is no account and nothing to save.
Open in new tab
The link updates as you change options. Anyone who can see your Notion page can read the text in it.

How to add it to Notion

  1. 1Copy your linkPress Copy embed link above.
  2. 2Add an embed blockIn Notion, type /embed on an empty line and press Enter.
  3. 3Paste the linkPaste it into the box and choose Embed link.
  4. 4Resize itHover over the embed and drag the bars on its sides. The widget refits to any size.

Works in Notion on the web, the desktop app and the mobile apps: the widget needs no login, so it loads everywhere. Notion's guide to embeds

Want a site designed with this level of care? Talk to our team

Quick answer

A Notion progress bar widget shows how much of a period has passed, updating live inside a Notion page. Playxoft's free progress bar widget tracks the year, month, week, day or any date range, as a bar, ring or dots, with the percentage and the days left. Choose the period, press Copy embed link, then paste it into a /embed block in Notion.

  • Year, month, week, day or custom
  • Bar, ring or dots
  • Days left or day of
  • Up to two decimals
  • Any time zone
  • Five styles

How to use the Notion Progress Bar Widget

  1. 1Choose Progress of: Year, Month, Week, Day, or Custom with a start and end date.
  2. 2Pick a Display (Bar, Ring or Dots) and how many Decimals to show.
  3. 3Choose the Detail line: days left, or Day 287 of 365.
  4. 4Pick a Style, then press Copy embed link.
  5. 5In Notion, type /embed, paste the link and choose Embed link.

How is the year progress calculated?

The widget divides the time that has passed since the period began by the length of the whole period, down to the second, in the time zone you choose. The year starts at midnight on January 1 and ends at midnight on the next January 1, so leap years such as 2028 get their 366th day.

Days left counts the full days after today. On October 14, 2026, day 287 of 365, the widget reads 78 days left. Day of shows the same thing the other way round: Day 287 of 365.

The percentage is rounded down, never up, so the year cannot read 100% before it is over. With one decimal the year moves about every nine hours; with two, about every 53 minutes.

Bar, ring or dots: which display fits?

DisplayShowsFits
BarA filling bar with the label and percentageA thin strip across the page; at very small heights it fits on one line
RingA circle that fills, the percentage in the middleA square spot or a side column
DotsOne dot per month, day or hourA visual calendar

Dots stand for the 12 months of the year, the days of the month, the 7 days of the week or the 24 hours of the day; the current one fills like a small pie. Custom ranges get one dot per day up to 40 days, and 20 equal segments for longer ranges.

When does a week or a day start?

Every period starts at midnight in the widget's time zone. Viewer's local time uses each person's own midnight; pick a city to share one calendar with a team.

Week starts on offers Monday (the international standard, ISO 8601), Sunday (common in the US, Canada and Japan) and Saturday. On the days the clocks change, a day lasts 23 or 25 hours, and the bar measures the real time that has passed, so it never jumps.

Can I track a semester, sprint or goal?

Yes: choose Custom and pick a start and an end date. The range includes both dates in full, so a sprint from Monday to the Friday of the next week reads 100% when that Friday ends. Before the range begins, the widget says how many days until it starts; after it ends, it shows 100% and Done.

Give it a Label such as "Semester 1" or "Q4 goals", or leave the label empty for an automatic one: the year, the month's name, this week's dates or today's date, written in your language.

Progress bar widget or Notion progress formula?

They measure different things. In a Notion database, a number property can be shown as a progress bar (Notion's database properties), and formulas or rollups often feed it the share of tasks that are checked off. That tracks work done.

This widget tracks time passed: how far through the year, the month or your sprint you are, updating live without any data. Put them side by side and you see at a glance whether the work is keeping up with the calendar.

Frequently asked questions

Open Playxoft's progress bar builder, keep Progress of on Year, and press Copy embed link. In Notion, type /embed, paste the link and choose Embed link.
Count the full days after today until December 31: on October 14, 2026 there are 78 days left, because it is day 287 of 365. The year progress widget works this out live for every day, leap years included.
Yes. Choose Custom and pick a start and end date. The bar fills from midnight on the first day to the end of the last day, and shows days left or Day X of Y.
The percentage is rounded down so it can never read 100% before the period ends. It reaches 100% at midnight, when the new year begins and the bar starts again.
No, this widget measures time passed. For the share of tasks done, use a Notion number property shown as a progress bar, fed by a formula or rollup over your checkboxes.
Yes. It is free with no account and no limits. The small Made with Playxoft link can be switched off in the builder.

Last updated by the Playxoft engineering team.

From the designers who built this tool

Want your site to look this polished?

Consistent color, crisp typography and fast pages are what make a site feel premium. We build accessible, high-converting websites with design systems that stay consistent everywhere. Send us your site and we will share honest recommendations, free.