# Help me hide the progress bar number with CSS

**URL:** <https://community.glideapps.com/t/help-me-hide-the-progress-bar-number-with-css/61986>\
**Category:** Ask for Help\
**Created:** [May 21, 2023, 8:50pm UTC](https://community.glideapps.com/t/help-me-hide-the-progress-bar-number-with-css/61986 "2023-05-21T20:50:38Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Geremy\_de\_Melo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/geremy_de_melo/32/59397_2.png) [@Geremy\_de\_Melo](https://community.glideapps.com/u/Geremy_de_Melo)\
**Post date:** [May 21, 2023, 8:50pm UTC](https://community.glideapps.com/t/help-me-hide-the-progress-bar-number-with-css/61986/1 "2023-05-21T20:50:38Z")

</div>

Hi all amazing people.

I’m creating a beautiful Glide App (formally called Page) and I’m taking care a lot of the esthetics (only with the default objects, nothing of injected CSS, because I don’t know much about it).

I have a form with some steps. Every new step increases a number in a table that controls the hiding and showing of objects.

Down below I have a progress bar to show you how close you are to finish filling the form.

Everything is great BUT I hate to see the number at the end of the progress bar.

I would love to only see the bar filling up and be able hide the number at the right with some CSS black magic.

Is there some CSS wizard around that would like to help my eyes to feel happy, vanishing that mean number?

Thanks in advance for your time!!!

 ![IMG_7474](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/1/8/182e08bfc8715201f567daffe711bbe80ea7ce3c.jpeg)

---

<div class="post-metadata">

**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:** [May 21, 2023, 11:02pm UTC](https://community.glideapps.com/t/help-me-hide-the-progress-bar-number-with-css/61986/2 "2023-05-21T23:02:00Z")

</div>

Do you have access to use CSS (Business/Enterprise plan)?

---

<div class="post-metadata">

**Author:** ![Geremy\_de\_Melo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/geremy_de_melo/32/59397_2.png) [@Geremy\_de\_Melo](https://community.glideapps.com/u/Geremy_de_Melo)\
**Post date:** [May 21, 2023, 11:25pm UTC](https://community.glideapps.com/t/help-me-hide-the-progress-bar-number-with-css/61986/3 "2023-05-21T23:25:28Z")

</div>

Hey @ThinhDinh thanks for the fast answer.

I’m in the PRO plan, the 99usd one. I guess I don’t have access to CSS in the “full” way. But I’ve seen some stuff done with rich text…

---

<div class="post-metadata">

**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:** [May 21, 2023, 11:26pm UTC](https://community.glideapps.com/t/help-me-hide-the-progress-bar-number-with-css/61986/4 "2023-05-21T23:26:28Z")

</div>

Yeah, Pro doesn’t have access to CSS to hide a native element like that.

> [@heart\_eyes Quickchart.io: the Cloudinary of Charts —on the fly charts!](https://community.glideapps.com/t/quickchart-io-the-cloudinary-of-charts-on-the-fly-charts/15946):
>
> GAME CHANGER! Stumbled upon this site today—a way to create on the fly charts using data from your Glide tables. Images render instantly and you can select one of 14 different charts, customize colors, styles etc all through URL parameters! The video below shows my first attempt to create a chart from scratch and implement it in Glide. Took me less than 5 minutes. End result:

I guess you can try Quickchart.

---

<div class="post-metadata">

**Author:** ![Geremy\_de\_Melo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/geremy_de_melo/32/59397_2.png) [@Geremy\_de\_Melo](https://community.glideapps.com/u/Geremy_de_Melo)\
**Post date:** [May 21, 2023, 11:36pm UTC](https://community.glideapps.com/t/help-me-hide-the-progress-bar-number-with-css/61986/5 "2023-05-21T23:36:48Z")

</div>

Ok, I understand. Thanks for the info!

I will take a look into the cloudinary stuff you suggested, but for now my progress bar will stay with that ugly number. My App is almost ready and I have way more important things to tackle than that.

Thanks for your time and fast response!  
Very much appreciated.

---

<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:** [May 21, 2023, 11:37pm UTC](https://community.glideapps.com/t/help-me-hide-the-progress-bar-number-with-css/61986/6 "2023-05-21T23:37:40Z")

</div>

If you are feeling ambitious, you can build it yourself with a Template column and a Rich Text component.

> [@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\>

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [May 23, 2023, 1:59pm UTC](https://community.glideapps.com/t/help-me-hide-the-progress-bar-number-with-css/61986/7 "2023-05-23T13:59:16Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.
