React Native Progress Bar with animated fill and optional percentage text. Customize progress (0–100), barColor, backgroundColor, height, borderRoundness, and padding (top, bottom, left, right). Supports Bubble font settings: font face, size, color, bold, italic, underline, and alignment. Triggers progress_changed event and publishes progress state on update.
Demo page: https://ncv-react-plugins.bubbleapps.io/version-test/api/1.1/mobile/preview?debug_mode=true&preview_view=progress_bar
$6
One time
3.5 stars • 2 ratings
66 installs
This plugin does not collect or track your personal data.
🚀 Getting Started
1️⃣ Add the Progress Bar Element
Open your Bubble editor. Navigate to the Design tab. Drag and drop the Progress Bar element onto your page.
Customize progress (0–100), barColor, backgroundColor, height, borderRoundness, and padding (top, bottom, left, right). Supports Bubble font settings: font face, size, color, bold, italic, underline, and alignment. Triggers progress_changed event and publishes progress state on update.
Line segment works great. Circle segment does not work.
We were not able to replicate the issue. Appreciate the review, can you get in touch with our team at info@nocodeventure and they'll be more than happy to help.
If you are able to record a video, would be great! (plugin author)
November 23rd, 2025
•
No-Code Venture
Awesome
April 15th, 2025
Awesome plugin, I appreciate all the customization settings
Built on Bubble
