Variant specimen · Circular Progress Trackers

Circular Progress Tracker

Track progress with a beautiful circular widget that fits cleanly in your Notion dashboard.

Variant specimen
Circular Progress Tracker variant specimen
Preview

Inspect the widget before it reaches a live page.

Configure

Tune labels, data, colors, and layout from one editor.

Publish

Embed the finished specimen back into Notion.

Specimen notes — Circular Progress Tracker

0

Circular Progress Tracker Widget for Notion

The Circular Progress Tracker offers a compact, modern way to visualize your progress using a round format. Ideal for dashboards that focus on goals, habits, or milestones, this widget brings balance and beauty to your Notion workspace—while staying 100% in sync with your data.

Whether you're aiming for 100 study sessions or tracking a project countdown, this circle shows your progress at a glance.


Use Cases

  • Goal Rings: Track percentage-based progress toward a personal or team goal.
  • Study Completion: Show how many chapters or review sessions are done.
  • Fitness Milestones: Display progress toward reps, workouts, or time targets.
  • Project Wrap-Up: Embed progress rings for tasks, bugs, or features.
  • Challenge Dashboards: Track 30-day or 100-day challenges visually.

Features

  • Circular ring that fills based on Notion data
  • Center text for % complete, raw numbers, or custom label
  • Optional animation when value updates
  • Clean visual appearance for dashboards and columns
  • Responsive sizing for wide or narrow layouts

Customization Options

  • Link to a Notion database with “done” and “total” fields
  • Adjust thickness, radius, and stroke color
  • Customize center text style, format, and font
  • Choose animation type: smooth, bounce, or static
  • Light/dark theme support with auto-detect
  • Optional label: title, emoji, or icon inside/outside the ring

Real-Time Notion Sync

As your database updates—whether tasks are completed or goals move forward—the Circular Progress Tracker reflects the latest state instantly. No syncing required.


How to Embed in Notion

  1. Visit Blocky and select the Circular Progress Tracker variant.
  2. Connect your Notion database.
  3. Choose your total and completed field setup.
  4. Customize the ring style, size, and display format.
  5. Copy your embed URL and paste into Notion with /embed.

That’s it—round, reliable progress, always in view.