# Progress Bar Color **URL:** \ **Category:** Feature Requests\ **Created:** [July 5, 2020, 8:24pm UTC](https://community.glideapps.com/t/progress-bar-color/12023 "2020-07-05T20:24:27Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![Laurent\_Maleville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/laurent_maleville/32/8643_2.png) [@Laurent\_Maleville](https://community.glideapps.com/u/Laurent_Maleville)\ **Post date:** [July 5, 2020, 8:24pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/1 "2020-07-05T20:24:27Z")
Hi everybody, I think about something, may be it will be great to have different color to progress bar. We could make different features to column data with this. What do you think about this? Thanks for all, See you, Laurent ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [July 5, 2020, 8:58pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/2 "2020-07-05T20:58:40Z")
I’ve asked for this too…especially for gamification purposes. Vote for it here: [A new home for Glide Feature Requests](https://community.glideapps.com/t/a-new-home-for-glide-feature-requests/4765) ---
**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\ **Post date:** [July 5, 2020, 9:14pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/3 "2020-07-05T21:14:37Z")
Just a question is the gam ification classes app still being used I have submitted quests with no approval ☹ @Robert_Petitto ---
**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\ **Post date:** [July 5, 2020, 10:37pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/4 "2020-07-05T22:37:10Z")
I think it is possible making your own progress bar and using some html code in a Rich Text component. I know there is some risk with it but the effort and development time is low. Let me do a test and I will let you know. Saludos ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [July 6, 2020, 12:59am UTC](https://community.glideapps.com/t/progress-bar-color/12023/5 "2020-07-06T00:59:34Z")
Ha. I haven’t been checking it. My app is purely conceptual. ---
**Author:** ![Laurent\_Maleville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/laurent_maleville/32/8643_2.png) [@Laurent\_Maleville](https://community.glideapps.com/u/Laurent_Maleville)\ **Post date:** [July 6, 2020, 7:26pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/6 "2020-07-06T19:26:42Z")
Hello, I tried to make a progress bar with HTML… For now, it doesn’t work and i don’t see how we can create a dynamic progress bar. My first idea is to create a conditional formatting (like in Numbers (iOS) or in Sheet) in Glide when we make a choice to the values of progress bar component… It will be amazing! and many possibilities will be possible… What do you think about this? @Robert_Petitto @Mark @JackVaughan Thanks a lot, Laurent ---
**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\ **Post date:** [July 6, 2020, 7:55pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/7 "2020-07-06T19:55:54Z")
How did you use html ---
**Author:** ![Laurent\_Maleville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/laurent_maleville/32/8643_2.png) [@Laurent\_Maleville](https://community.glideapps.com/u/Laurent_Maleville)\ **Post date:** [July 6, 2020, 9:08pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/8 "2020-07-06T21:08:07Z")
I used the Rich Text Component ---
**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\ **Post date:** [July 6, 2020, 9:13pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/9 "2020-07-06T21:13:35Z")
Something like this ![Screenshot_2020-07-06-22-12-52](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/e8d120513fb8e815aced0a2730b0656dfb4b50c8.png) Downloading progress: 32% ---
**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\ **Post date:** [July 6, 2020, 9:17pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/10 "2020-07-06T21:17:12Z")
We can also use a template to fill the progress ---
**Author:** ![Laurent\_Maleville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/laurent_maleville/32/8643_2.png) [@Laurent\_Maleville](https://community.glideapps.com/u/Laurent_Maleville)\ **Post date:** [July 6, 2020, 9:26pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/11 "2020-07-06T21:26:00Z")
Yes like this ---
**Author:** ![Laurent\_Maleville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/laurent_maleville/32/8643_2.png) [@Laurent\_Maleville](https://community.glideapps.com/u/Laurent_Maleville)\ **Post date:** [July 6, 2020, 9:26pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/12 "2020-07-06T21:26:35Z")
How can you do this? ---
**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\ **Post date:** [July 6, 2020, 10:03pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/13 "2020-07-06T22:03:20Z")
you take the value of the amount in progress bar with the emplate to replace the part of the value in the code ---
**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\ **Post date:** [July 6, 2020, 10:03pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/14 "2020-07-06T22:03:55Z")
Hi Laurent, A dynamic progress bar in Glide is certainly possible. What are you trying to accomplish? ---
**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\ **Post date:** [July 6, 2020, 10:17pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/15 "2020-07-06T22:17:11Z")
@Robert_Petitto @Laurent_Maleville @Jeff_Hager i added a > **[Intuitive Conversational Chatbot Builder 🤖 | Landbot.io](http://landbot.io)** > > Create conversational landing pages, conversational websites, interactive surveys, lead generation bots & more. Intuitively. Without code. embeded code to rich text component and it started leaving a huge space ---
**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\ **Post date:** [July 6, 2020, 10:27pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/16 "2020-07-06T22:27:06Z")
@Glider Off topic from this post, but you can’t embed iframe code or JavaScript using rich text. As stated before html is not officially supported and can break at any time, but for the time being, some html does work. ---
**Author:** ![Glider](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/glider/32/9699_2.png) [@Glider](https://community.glideapps.com/u/Glider)\ **Post date:** [July 6, 2020, 10:29pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/17 "2020-07-06T22:29:13Z")
> [@Jeff\_Hager](#): > > Off topic from this post, but you can’t embed iframe code using rich text. sorry 😉 ---
**Author:** ![Laurent\_Maleville](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/laurent_maleville/32/8643_2.png) [@Laurent\_Maleville](https://community.glideapps.com/u/Laurent_Maleville)\ **Post date:** [July 7, 2020, 5:24am UTC](https://community.glideapps.com/t/progress-bar-color/12023/18 "2020-07-07T05:24:19Z")
Hi Robert, Yes, i make a dynamic progress bar. Thank you. I just want find a new possibility for progress bar with different color for my students. Then, i could show them their progression, May be will be a new request to progress bar component : a color with number… See you! Laurent ---
**Author:** ![gvalero](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gvalero/32/1037_2.png) [@gvalero](https://community.glideapps.com/u/gvalero)\ **Post date:** [July 7, 2020, 10:31pm UTC](https://community.glideapps.com/t/progress-bar-color/12023/19 "2020-07-07T22:31:01Z")
Well, here I show you my babies using some CSS code but harmless… they simulate the control of a machine. ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/8/8e6a9b4d3000021f413aa3ece299811b796ef10e.png) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/4/48f9240750034a3fba5cd56acc0e813c2847dbfc.png) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/7/73be8dfdc715db3d9962e38aea95cbb541ff3f0e.png) I used the most basic and simplest code to avoid upcoming problems, something like this: ```
``` but the big and annoying problem is still adjusting the top position in screen. The PCs have a screen size/resolution, the phones other sizes, the vertical position has its parameters and the horizontal has its own life!! Unfortunately I have a problem with my PC and software to record a video and show you how it looks in real time but in 2-3 days I think I will fix it if you can see it. Saludos! ---
**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\ **Post date:** [July 8, 2020, 1:19am UTC](https://community.glideapps.com/t/progress-bar-color/12023/20 "2020-07-08T01:19:26Z")
That looks lovely, sure hope your PC will get well soon 😄 [Next page](https://community.glideapps.com/t/progress-bar-color/12023.md?page=2)