Beautiful progress bars for your Bubble app.
Show project progress, goals, skill levels, and KPIs. One iframe, zero setup.
No signup required. Free forever.
HOW IT WORKS
Four steps. No fluff.
Choose your style
Linear, circular, or stepped — pick what fits your KPI.
Set values and colors
Add bars, set percentages, match your brand with one hex.
Copy embed code
One iframe snippet — no scripts to manage.
Paste in Bubble
Drop into any HTML element. Done.
WHAT YOU GET
Everything a progress widget needs.
Linear, circular, and stepped styles
Three progress styles built in — bars, donut rings, or step indicators.
Animated fill on load
Bars and rings fill smoothly the moment the widget appears.
Custom colors and gradients
Choose from six brand presets or paste any hex. Optional gradient fill.
Label and percentage display
Show the label, the percentage, or both — positioned how you like.
Multiple bars in one embed
Show up to six progress bars or KPIs in a single iframe.
Works on FREE Bubble plans
No plugins, no workflows, no paid features required.
LIVE PREVIEW
Three styles. Endless uses.
Linear bars for project progress, donut rings for goals, steps for onboarding flows.
Linear
Circular
Goal Reached
Stepped
Onboarding Steps
3 of 5 steps
Ready to show your progress?
Free forever. No signup. No credit card. Just build and embed.
Build Your Progress Bar Free →