# Progress Bar Color

**URL:** <https://community.glideapps.com/t/progress-bar-color/12023>\
**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:** 1\
**Showing post:** 19

<div class="post-metadata">

**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")

</div>

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:

```
<div style ="position: absolute;
top: 10%;
width: 65%;
height: 2%;
opacity: 1.9;
left: 20%;;
background-color: white; 
border-radius: 10px; 
border: 2px solid #ffffff;">

```

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!

---

_[View the full topic](https://community.glideapps.com/t/progress-bar-color/12023)._