Progress Bar
Progress Bar
Design progress bars, circular rings and step indicators that make goal tracking visible at a glance. Choose bar shapes from straight to wave and zigzag, dial in gradients and marker icons, and export crisp SVG or PNG widgets sized for your Notion dashboard or planner template.
Habit Trackers & Goal Widgets for Notion Dashboards
Notion databases track the numbers; a visual widget makes progress feel real. Drop a 75% ring next to your monthly goals, or a step bar under your weekly habits — it's the kind of polish template buyers notice.
Bars, Rings & Steps — Three Ways to Show Progress
Linear bars fit tight rows and tables, rings shine as standalone KPI widgets, and step indicators map milestones for workshops and reading trackers. Every style shares your palette and stroke settings, so a mixed dashboard still looks designed by one hand.
Static SVG and PNG Exports
Export widgets as clean SVG or high-resolution PNG. SVG keeps the shapes editable and scales losslessly, while PNG drops straight into Notion, Obsidian and print planners without any conversion step.
Frequently Asked Questions
How do I add a progress bar to Notion?
Export as PNG and drag it into your page, or embed the SVG. Pair it with a Notion formula that computes the percentage, and regenerate the widget whenever your numbers move.
Is there a live progress widget for Notion?
Yes. Alongside static exports, a live progress widget can be embedded into a Notion page and recomputes itself automatically — for year, quarter, month or life progress.
What size should a progress widget be?
Bars work well at 600–900 px wide; rings look best at 200–300 px square. The generator lets you set exact dimensions before export.
Can I use progress widgets in templates I sell?
Yes. What you generate is yours to use in personal and commercial projects, including templates and client work you sell. Everything you export is yours to keep and use freely, with no attribution or license required. The VectMint app itself is proprietary (don't repackage the generator), but that never limits the files you create.
SVG or PNG — which should I pick?
SVG scales losslessly and stays editable; PNG drops straight into any tool that expects an image. Both work on Notion pages — SVG keeps text crisp when zoomed.