The Gradient Progress Tracker blends functionality with aesthetics, using vivid color transitions to show progress in an eye-catching way. Whether you're completing a course, finishing a book, or hitting daily milestones, this variant lets you visualize your journey with elegance.
Ideal for colorful dashboards, personal growth pages, or visually driven Notion workspaces.
✅ Use Cases
📚 Learning Dashboards: Show progress through colorful study bars.
🎨 Aesthetic Goal Pages: Match your widget with your Notion workspace’s palette.
📈 Business KPIs: Track objectives with a vibrant progress line.
🧘 Mood & Wellness Logs: Reflect balance or growth visually.
🎯 Monthly Challenge Boards: Add visual flair to your completion bars.
🎨 Features
Smooth gradient fill that reflects progress visually
Optional label with % and value display
Multiple prebuilt color themes or custom hex gradients
Adjustable bar height, radius, and spacing
Subtle animations for smooth transitions
⚙️ Customization Options
Link to a Notion database with value + total fields
Choose gradient colors (start → end)
Customize bar thickness, width, and animation speed
Toggle percentage, numeric, or title labels
Responsive to dark/light Notion themes
Optional label alignment and emoji indicators
🔁 Always Synced with Notion
The Gradient Progress Tracker auto-updates as your Notion database changes. Just update your items or values, and the progress bar reflects it in real time—always matching your data.
🧩 How to Embed in Notion
Open Blocky and choose the Gradient Progress Tracker variant.
Connect your Notion database.
Select completed and total fields for your goal.
Customize the gradient, size, and display format.
Copy your embed URL and paste it into Notion using /embed.
Now your progress looks as good as it feels.
Add Gradient Progress Tracker to Your Workspace
Customize and embed the Gradient Progress Tracker widget into your Notion page for enhanced productivity and style.