MARKETPLACE
PLUGINS
PROGRESS BAR
Progress Bar logo

Progress Bar

Published August 2025
   •    Updated May 2026

Plugin details

This Bubble.io plugin creates a beautiful, customizable progress bar with smooth animations and flexible text display options. It features automatic color theming, dynamic text sizing, and independent control over progress and total value display.
Features
🔥 Smooth progress animations with configurable speeds
🔥 Automatic text color theming (lighter versions of bar color)
🔥 Dynamic font sizing that scales with bar height
🔥 Independent control over progress and total text display

 


Need a new app or redesign?  
Check us out at TinyBuild Studio  



Want to enhance your Bubble.io apps?  
Check out TinyUIKit  


Free

For everyone

stars   •   0 ratings
12 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Paul logo
Paul
Joined 2020   •   25 Plugins
View contributor profile

Instructions

1️⃣ Install the "Progress Bar" plugin into your Bubble app from the plugins marketplace. 2️⃣ Drag and drop the "Progress Bar" element onto your desired page.
3️⃣ Set your progress value (e.g., from a database field or workflow) and customize the appearance.
4️⃣ Enable "Show Progress" and/or "Show Total" to display text, and add prefixes/suffixes as needed.

You can see how the plugin is being used here:
https://bubble.io/page?id=tinyplugin-progress-bar&tab=Design&name=index

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Visual Elements   •   Ui Components   •   Data Visualization   •   Productivity   •   Data (things)   •   Containers

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble