How to add a progress bar to your Bubble.io app
In this Bubble.io tutorial we demonstrate how to create a progress bar in Bubble using the Progress Bar plugin by Bubble.io. This Bubble tutorial includes a couple of extra tricks and tips including how to remove the text value from the progress bar and how to work with the progress bar when you are not working with percentage values.
What You'll Learn
Master percentage calculations: Convert any numerical range into progress bar percentages using Math.js plugin integration
Professional customization tricks: Hide default text displays and create clean, branded progress bar designs
Dynamic progress tracking: Connect progress bars to slider inputs and database values for real-time user feedback
Happy Builders
Join hundreds of Bubble builders shipping real products
From solo founders to side hustlers, builders worldwide use Planet No Code to get unstuck, ship faster, and avoid costly mistakes.
Happy Builders
Join hundreds of Bubble builders shipping real products
From solo founders to side hustlers, builders worldwide use Planet No Code to get unstuck, ship faster, and avoid costly mistakes.
Happy Builders
Join hundreds of Bubble builders shipping real products
From solo founders to side hustlers, builders worldwide use Planet No Code to get unstuck, ship faster, and avoid costly mistakes.
Meet Matt 👋
I discovered Bubble in 2017 while building WordPress sites and immediately saw its potential. After 7+ years of building apps, coaching hundreds of founders, and creating 500+ tutorials watched over 1.3 million times, I've seen every Bubble mistake (and made most of them myself).
What sets my teaching apart? I don't just show you how to build, I show you how to build smart. My students have launched real SaaS products, sold apps for profit, and avoided months of costly mistakes. I'm here to get you unstuck fast and building with confidence.
500+ Bubble Tutorials
1.3M+ Views on YouTube
Hundreds Launched
EXPERIENCED WITH
Meet Matt 👋
I discovered Bubble in 2017 while building WordPress sites and immediately saw its potential. After 7+ years of building apps, coaching hundreds of founders, and creating 500+ tutorials watched over 1.3 million times, I've seen every Bubble mistake (and made most of them myself).
What sets my teaching apart? I don't just show you how to build, I show you how to build smart. My students have launched real SaaS products, sold apps for profit, and avoided months of costly mistakes. I'm here to get you unstuck fast and building with confidence.
500+ Bubble Tutorials
1.3M+ Views on YouTube
Hundreds Launched
EXPERIENCED WITH
Meet Matt 👋
I discovered Bubble in 2017 while building WordPress sites and immediately saw its potential. After 7+ years of building apps, coaching hundreds of founders, and creating 500+ tutorials watched over 1.3 million times, I've seen every Bubble mistake (and made most of them myself).
What sets my teaching apart? I don't just show you how to build, I show you how to build smart. My students have launched real SaaS products, sold apps for profit, and avoided months of costly mistakes. I'm here to get you unstuck fast and building with confidence.
500+ Bubble Tutorials
1.3M+ Views on YouTube
Hundreds Launched
EXPERIENCED WITH
500+ Tutorials
Every Bubble topic covered in 500+ tutorials
ChatGPT & AI Assistants
Build production-ready AI chat apps with OpenAI and Claude
Responsive Web Design
Master modern layouts and mobile-first design
Payment & Email APIs
Handle subscriptions, payments, and transactional emails
Data Security & Privacy
Protect user data and paid user pages
Web Scraping & External Data
Pull data from websites, APIs, and search engines
Advanced Features
Calendar, file uploads, image generation, and automation
Bubble AI Assistant + 4 Courses
$15
/month
Intro price, cancel anytime
Instant Bubble Help Trained on 500+ Tutorials
Get unstuck fast with an AI assistant that actually understands Bubble, plus four complete courses to master no-code development.
4K+
WHAT’S INCLUDED
AI trained on 500+ Planet No Code tutorials
Instant answers with video recommendations
Direct access to Matt when you're stuck
Cancel anytime, no commitment
500+ Tutorials
Every Bubble topic covered in 500+ tutorials
ChatGPT & AI Assistants
Build production-ready AI chat apps with OpenAI and Claude
Responsive Web Design
Master modern layouts and mobile-first design
Payment & Email APIs
Handle subscriptions, payments, and transactional emails
Data Security & Privacy
Protect user data and paid user pages
Web Scraping & External Data
Pull data from websites, APIs, and search engines
Advanced Features
Calendar, file uploads, image generation, and automation
Bubble AI Assistant + 4 Courses
$15
/month
Intro price, cancel anytime
Instant Bubble Help Trained on 500+ Tutorials
Get unstuck fast with an AI assistant that actually understands Bubble, plus four complete courses to master no-code development.
4K+
WHAT’S INCLUDED
AI trained on 500+ Planet No Code tutorials
Instant answers with video recommendations
Direct access to Matt when you're stuck
Cancel anytime, no commitment
500+ Tutorials
Every Bubble topic covered in 500+ tutorials
ChatGPT & AI Assistants
Build production-ready AI chat apps with OpenAI and Claude
Responsive Web Design
Master modern layouts and mobile-first design
Payment & Email APIs
Handle subscriptions, payments, and transactional emails
Data Security & Privacy
Protect user data and paid user pages
Web Scraping & External Data
Pull data from websites, APIs, and search engines
Advanced Features
Calendar, file uploads, image generation, and automation
Bubble AI Assistant + 4 Courses
$15
/month
Intro price, cancel anytime
Instant Bubble Help Trained on 500+ Tutorials
Get unstuck fast with an AI assistant that actually understands Bubble, plus four complete courses to master no-code development.
4K+
WHAT’S INCLUDED
AI trained on 500+ Planet No Code tutorials
Instant answers with video recommendations
Direct access to Matt when you're stuck
Cancel anytime, no commitment