# Progress Bar Color Mapping

**URL:** <https://community.glideapps.com/t/progress-bar-color-mapping/64351>\
**Category:** Ask for Help\
**Created:** [July 25, 2023, 3:11pm UTC](https://community.glideapps.com/t/progress-bar-color-mapping/64351 "2023-07-25T15:11:20Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [July 25, 2023, 3:24pm UTC](https://community.glideapps.com/t/progress-bar-color-mapping/64351/2 "2023-07-25T15:24:48Z")

</div>

You can’t do this with the native progress bar component, but you can roll your own progress bars to get this effect.

> [@Why are certain features not available for Glide pages?](https://community.glideapps.com/t/why-are-certain-features-not-available-for-glide-pages/54249/7):
>
> @Robert_Petitto here is an alternative to a progress bar. \<div style="overflow:hidden;border-radius:15px;background-color:#DDDDDD;""\> \<div style="border-radius:15px;background-color:#29577A;height:15px;width:33%"\> \</div\> \</div\>

---

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