MARKETPLACE
PLUGINS
GS NATIVE MOBILE PROGRESS BAR
GS Native Mobile Progress Bar logo

GS Native Mobile Progress Bar

Published June 2025
   •    Updated today

Plugin details

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
778 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web & Native mobile

Contributor details

Goodspeed logo
Goodspeed
Joined 2022   •   14 Plugins
View contributor profile

Instructions

🛠️ 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:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

Average rating (2.0)

Could you please update
November 3rd, 2025
The color remains green for mobile
Bubble