# ✅ CSS to make progress bars green when complete

**URL:** <https://community.glideapps.com/t/css-to-make-progress-bars-green-when-complete/66582>\
**Category:** Community Resources\
**Tags:** custom-css\
**Created:** [September 27, 2023, 10:26pm UTC](https://community.glideapps.com/t/css-to-make-progress-bars-green-when-complete/66582 "2023-09-27T22:26:59Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**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:** [February 29, 2024, 8:58pm UTC](https://community.glideapps.com/t/css-to-make-progress-bars-green-when-complete/66582/3 "2024-02-29T20:58:47Z")

</div>

An alternative to a CSS solution is to build your own and give it any color you want.

> [@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/css-to-make-progress-bars-green-when-complete/66582)._