# New Plugin - Progress Bars Pro

**URL:** <https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774>\
**Category:** Showcase\
**Created:** [April 17, 2018, 3:34pm UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774 "2018-04-17T15:34:24Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![dambusmedia](https://avatars.discourse-cdn.com/v4/letter/d/4491bb/32.png) [@dambusmedia](https://forum.bubble.io/u/dambusmedia)\
**Post date:** [April 17, 2018, 3:34pm UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/1 "2018-04-17T15:34:24Z")

</div>

Hi all,

I’ve just released a new plugin, this one’s my first paid plugin.

It’s called Progress Bars Pro and it aims to give you more options for customising the UX of loading and progress displaying in Bubble. It (currently) comes with 3 elements:

Progress Bar Info- Retrieve the standard Bubble progress bar’s percentage, and hide the standard bar if desired.  
Picture Progress Bar- Turn any picture (such as your logo) into a progress bar.  
Flat Progress Bar- Display an attractive flat progress bar in line, circle or semicircle format.

Please check out the demos here: [https://plugindemos.bubbleapps.io/version-test/progress?debug\_mode=true](https://plugindemos.bubbleapps.io/version-test/progress?debug_mode=true)

It’s available now in the Plugin marketplace: [https://bubble.io/plugin/progress-bars-pro-1523000369525x715252417793884200](https://bubble.io/plugin/progress-bars-pro-1523000369525x715252417793884200)

---

<div class="post-metadata">

**Author:** ![levon](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/levon/32/89793_2.png) [@levon](https://forum.bubble.io/u/levon)\
**Post date:** [April 18, 2018, 7:54am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/2 "2018-04-18T07:54:43Z")

</div>

Very nice work, love it!

**Levon Terteryan**  
Founder @ Zeroqode & Bubblewits

[let’s stay in touch on twitter!](https://twitter.com/levon377)

[![zeroqode-for-web-160x120](https://us1.discourse-cdn.com/bubble/original/3X/c/6/c6688372752f4234938c3c4d11fbfa761509eb1f.png)](https://zeroqode.com)

[Bubble Templates](https://zeroqode.com)  
[Bubble Plugins](https://zeroqode.com/plugins)  
[Bubble Courses](https://zeroqode.com/courses)  
[Convert Web to iOS & Android](https://zeroqode.com/native)  
[No-code Development Services](https://bubblewits.com)

---

<div class="post-metadata">

**Author:** ![gnelson](https://avatars.discourse-cdn.com/v4/letter/g/6bbea6/32.png) [@gnelson](https://forum.bubble.io/u/gnelson)\
**Post date:** [April 19, 2018, 3:10am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/3 "2018-04-19T03:10:21Z")

</div>

Very nice! Will be getting tomorrow.

---

<div class="post-metadata">

**Author:** ![levon](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/levon/32/89793_2.png) [@levon](https://forum.bubble.io/u/levon)\
**Post date:** [September 26, 2018, 8:49am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/4 "2018-09-26T08:49:45Z")

</div>

Thought to update that this plugin has been transferred to Zeroqode a while ago, here is its new page [Progress Bars Pro Plugin for Bubble | Zeroqode](https://zeroqode.com/plugin/progress-bars-pro-1525679578105x209627467402444800)  
and a gif demo:

 ![progress_bar](https://us1.discourse-cdn.com/bubble/original/3X/f/0/f0bc44ca8bf4eebc574681af1105dd5334a72c7c.gif)

Thanks

**Levon Terteryan**

Founder @ Zeroqode

[![zeroqode-for-web-160x120](https://us1.discourse-cdn.com/bubble/original/3X/c/6/c6688372752f4234938c3c4d11fbfa761509eb1f.png)](https://zeroqode.com)

[Bubble Templates](https://zeroqode.com)

[Bubble Plugins](https://zeroqode.com/plugins)

[Bubble Courses](https://zeroqode.com/courses)

[Convert Web to iOS & Android](https://zeroqode.com/native)

[No-code Development Services](https://dev.zeroqode.com)

---

<div class="post-metadata">

**Author:** ![ahmed.marzouki](https://avatars.discourse-cdn.com/v4/letter/a/838e76/32.png) [@ahmed.marzouki](https://forum.bubble.io/u/ahmed.marzouki)\
**Post date:** [March 25, 2019, 4:40pm UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/5 "2019-03-25T16:40:45Z")

</div>

Hello everyone, I started using progress bar pro plugin after buy it, so I want to show a percent from the database when page load. so I didn’t find a tutorial to help me to display this progress bar. thanks. ![48](https://us1.discourse-cdn.com/bubble/original/3X/4/2/42a68291eb890f266a728288b0f03be6314f5c3f.png)

@levon

---

<div class="post-metadata">

**Author:** ![levon](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/levon/32/89793_2.png) [@levon](https://forum.bubble.io/u/levon)\
**Post date:** [March 26, 2019, 12:21am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/6 "2019-03-26T00:21:20Z")

</div>

Hi @ahmed.marzouki just use this demo page [https://bubble.io/page?type=page&name=progress&id=plugindemos-zeroqode&tab=tabs-1](https://bubble.io/page?type=page&name=progress&id=plugindemos-zeroqode&tab=tabs-1)  
as an example

---

<div class="post-metadata">

**Author:** ![ahmed.marzouki](https://avatars.discourse-cdn.com/v4/letter/a/838e76/32.png) [@ahmed.marzouki](https://forum.bubble.io/u/ahmed.marzouki)\
**Post date:** [March 26, 2019, 8:27am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/7 "2019-03-26T08:27:47Z")

</div>

Hi @levon, after i discover the demo page i didn’t find how to get the value from the data base . i use the basic plugin " progress bar " and with it i can display the value . so as i see in "progress bar pro " plugin the way of display circle progress bar . i decided to buy this plugin but i didn’t find the way to display the value from data base not the fake percent. also i want the progress bar displayed when the page loaded.  
Really ,i need help on it. Thanks

---

<div class="post-metadata">

**Author:** ![levon](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/levon/32/89793_2.png) [@levon](https://forum.bubble.io/u/levon)\
**Post date:** [March 26, 2019, 8:48am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/8 "2019-03-26T08:48:01Z")

</div>

Hi Ahmed,  
in this field  
 ![image](https://us1.discourse-cdn.com/bubble/original/3X/2/5/25a75dad434a08a90ab1496232aee5f69a19b7b8.png)  
you need to simply use a dynamic expression that retrieves the data from your database  
something like this “do a search for” then choose the type etc.  
This is a basic Bubble operation, please do the basic bubble tutorials (can be found on your Bubble dashboard) to understand how to get data from database

---

<div class="post-metadata">

**Author:** ![ahmed.marzouki](https://avatars.discourse-cdn.com/v4/letter/a/838e76/32.png) [@ahmed.marzouki](https://forum.bubble.io/u/ahmed.marzouki)\
**Post date:** [March 26, 2019, 3:33pm UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/9 "2019-03-26T15:33:37Z")

</div>

Yeah I know I did that ![11](https://us1.discourse-cdn.com/bubble/original/3X/7/0/70dad357d936709db645671c5507650188434073.png)  
and when I clicked on preview I found only blank page nothing to display??

---

<div class="post-metadata">

**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\
**Post date:** [April 26, 2019, 10:45pm UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/10 "2019-04-26T22:45:19Z")

</div>

Hey @levon, I am trying to see if the loading plugin resets completely or not. It seems to not work correctly when resetting it. Let me know. Thanks! 🙂

Just realized this was acquired by Zeroqode. 🙂

---

<div class="post-metadata">

**Author:** ![nocodeventure](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/nocodeventure/32/247164_2.png) [@nocodeventure](https://forum.bubble.io/u/nocodeventure)\
**Post date:** [April 27, 2019, 11:58am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/11 "2019-04-27T11:58:39Z")

</div>

Doesn’t work on Chrome.

---

<div class="post-metadata">

**Author:** ![J805](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/j805/32/41267_2.png) [@J805](https://forum.bubble.io/u/J805)\
**Post date:** [April 27, 2019, 12:31pm UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/12 "2019-04-27T12:31:12Z")

</div>

Awe man. But it should work in Safari?

---

<div class="post-metadata">

**Author:** ![ZeroqodeSupport](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/zeroqodesupport/32/88962_2.png) [@ZeroqodeSupport](https://forum.bubble.io/u/ZeroqodeSupport)\
**Post date:** [April 30, 2019, 1:27pm UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/13 "2019-04-30T13:27:09Z")

</div>

Hello.

We’ll check this out and update on the matter asap. Sorry for a delayed response.  
Thanks for understanding.

Regards,  
Zeroqode Team.

---

<div class="post-metadata">

**Author:** ![levon](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/levon/32/89793_2.png) [@levon](https://forum.bubble.io/u/levon)\
**Post date:** [May 2, 2019, 7:51am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/14 "2019-05-02T07:51:58Z")

</div>

> [@nocodeventure](#):
>
> Doesn’t work on Chrome.

it works perfectly for us in Chrome and other browsers, if it still doesn’t work for you we’d need to see some screenshots a link to test and other details

---

<div class="post-metadata">

**Author:** ![levon](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/levon/32/89793_2.png) [@levon](https://forum.bubble.io/u/levon)\
**Post date:** [May 2, 2019, 7:52am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/15 "2019-05-02T07:52:33Z")

</div>

> [@J805](#):
>
> Hey @levon, I am trying to see if the loading plugin resets completely or not. It seems to not work correctly when resetting it. Let me know. Thanks! 🙂
> 
> Just realized this was acquired by Zeroqode. 🙂

Jason, i replied on our forum that we need more details, please check your other post regarding this. Thanks

---

<div class="post-metadata">

**Author:** ![CoachLani](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/coachlani/32/54229_2.png) [@CoachLani](https://forum.bubble.io/u/CoachLani)\
**Post date:** [December 5, 2019, 6:45pm UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/16 "2019-12-05T18:45:13Z")

</div>

It appears Conditional Formatting doesn’t work on the Progress Bars. I have the same Conditional Formatting for the text as I do the Progress Bar but the ring color is not changing.

 ![IMG_59363D01773D-1](https://us1.discourse-cdn.com/bubble/original/3X/c/1/c12b53fcfe9dbc7f7fa8a51afd57b1c19810dba5.jpeg) ![39%20PM](https://us1.discourse-cdn.com/bubble/original/3X/0/9/093f193efc6681682c580bb62cf86f176f7fc893.png)

Any advice?

---

<div class="post-metadata">

**Author:** ![ZeroqodeSupport](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/zeroqodesupport/32/88962_2.png) [@ZeroqodeSupport](https://forum.bubble.io/u/ZeroqodeSupport)\
**Post date:** [December 6, 2019, 10:37am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/17 "2019-12-06T10:37:37Z")

</div>

@CoachLani Hello Lani.

Let us check this out, and be back to you with an answer on the matter asap.  
Thanks for understanding.

Regards,  
Zeroqode Team.

---

<div class="post-metadata">

**Author:** ![CoachLani](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/coachlani/32/54229_2.png) [@CoachLani](https://forum.bubble.io/u/CoachLani)\
**Post date:** [December 16, 2019, 6:24pm UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/18 "2019-12-16T18:24:23Z")

</div>

@ZeroqodeSupport @levon Did you figure out why Conditional Formatting isn’t working on progress bars?

Lani

---

<div class="post-metadata">

**Author:** ![ZeroqodeSupport](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/zeroqodesupport/32/88962_2.png) [@ZeroqodeSupport](https://forum.bubble.io/u/ZeroqodeSupport)\
**Post date:** [December 18, 2019, 8:24am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/19 "2019-12-18T08:24:19Z")

</div>

Hello @CoachLani,

Conditional formation of the progress bar colors wasn’t supported by the plugin. We updated its functionality and how it works. Please update the plugin to the latest version to have the updates available.

Regards,  
Zeroqode Team

---

<div class="post-metadata">

**Author:** ![CoachLani](https://sea1.discourse-cdn.com/bubble/user_avatar/forum.bubble.io/coachlani/32/54229_2.png) [@CoachLani](https://forum.bubble.io/u/CoachLani)\
**Post date:** [December 18, 2019, 10:49am UTC](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774/20 "2019-12-18T10:49:01Z")

</div>

This is wonderful!! Thank you!

Lani

[Next page](https://forum.bubble.io/t/new-plugin-progress-bars-pro/27774.md?page=2)
