A clean and lightweight mobile-only progress bar for Bubble apps.
Built with React Native and optimized for Bubble Go, this plugin allows you to display smooth progress indicators using custom values (0–100). Fully customizable with dynamic background and fill colors, this component is perfect for visualizing form steps, task completion, loading states, and more — all while fitting seamlessly into your mobile design.
Free
For everyone
2.0 stars • 1 ratings
861 installs
This plugin does not collect or track your personal data.
🛠️ How to Use
1. Add the element to your page from the plugin panel (only visible on Bubble Go / mobile). 2. Set the dimensions of the element (width & height) in the design tab. 3. Set progress_value dynamically (e.g., step completion, quiz result, file upload %). 4. Choose your colors using valid hex codes or dynamic expressions. 5. The bar will automatically fill proportionally from 0 to 100 based on your progress_value.
✅ Example
If progress_value = 75, bar_fill_color = "#4CAF50", and bar_background_color = "#F1F1F1", the plugin will render a green bar filled to 75%.
Types
This plugin can be found under the following types:
Built on Bubble
