# Progress Bars

**URL:** <https://community.glideapps.com/t/progress-bars/56805>\
**Category:** Ask for Help\
**Created:** [January 17, 2023, 5:52pm UTC](https://community.glideapps.com/t/progress-bars/56805 "2023-01-17T17:52:43Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![jwilt](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwilt/32/37710_2.png) [@jwilt](https://community.glideapps.com/u/jwilt)\
**Post date:** [January 17, 2023, 5:52pm UTC](https://community.glideapps.com/t/progress-bars/56805/1 "2023-01-17T17:52:43Z")

</div>

I see lots of references to a progress bar component and tutorials showing them. But seems like they’ve been removed for some reason from the builder in Glide Pages? What are people using instead?

I really need to implement some kind of status tracker to show where something is in a workflow. Would LOVE to have a progress bar.

---

<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:** [January 17, 2023, 5:56pm UTC](https://community.glideapps.com/t/progress-bars/56805/2 "2023-01-17T17:56:33Z")

</div>

Progress bars have never been part of Pages. Only Apps. Maybe eventually it will come over, but it’s not there yet.

This is an alternative that you can build using a Rich Text component to display it and a template column to build the HTML.

> [@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:** ![jwilt](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwilt/32/37710_2.png) [@jwilt](https://community.glideapps.com/u/jwilt)\
**Post date:** [January 17, 2023, 5:59pm UTC](https://community.glideapps.com/t/progress-bars/56805/3 "2023-01-17T17:59:00Z")

</div>

You’re a lifesaver, thank you!!

---

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [January 17, 2023, 6:10pm UTC](https://community.glideapps.com/t/progress-bars/56805/4 "2023-01-17T18:10:20Z")

</div>

Can this be done inside Glide Pages free and starter plans?

---

<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:** [January 17, 2023, 6:10pm UTC](https://community.glideapps.com/t/progress-bars/56805/5 "2023-01-17T18:10:40Z")

</div>

Yes, it can.

---

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [January 17, 2023, 6:11pm UTC](https://community.glideapps.com/t/progress-bars/56805/6 "2023-01-17T18:11:56Z")

</div>

Is that CSS? Can any CSS be used in Pages?  
How would i implement that?

---

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [January 17, 2023, 6:20pm UTC](https://community.glideapps.com/t/progress-bars/56805/7 "2023-01-17T18:20:21Z")

</div>

Okay thats crazy, figured it out. Thanks, i need to start learning about this more. But i was very excited to hear about the new design features coming up for Glide Pages.  
Reason i asked is because a few weeks ago i was told CSS is only available on higher price plans.

---

<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:** [January 17, 2023, 6:40pm UTC](https://community.glideapps.com/t/progress-bars/56805/8 "2023-01-17T18:40:57Z")

</div>

Officially supported CSS is only available in the upper plans for Pages, but this is different. Most people use CSS to manipulate existing Glide components and design. This is inline CSS only affecting the HTML code within itself. Almost like a homemade component.

So to answer your question, yes it’s CSS, but it’s a lot different compared to how most people here are using CSS in Apps.

---

<div class="post-metadata">

**Author:** ![jwilt](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jwilt/32/37710_2.png) [@jwilt](https://community.glideapps.com/u/jwilt)\
**Post date:** [January 17, 2023, 7:27pm UTC](https://community.glideapps.com/t/progress-bars/56805/9 "2023-01-17T19:27:37Z")

</div>

I just dropped in a rich text component and it worked perfect.

---

<div class="post-metadata">

**Author:** ![ToOFa\_Apps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/toofa_apps/32/36816_2.png) [@ToOFa\_Apps](https://community.glideapps.com/u/ToOFa_Apps)\
**Post date:** [January 17, 2023, 7:44pm UTC](https://community.glideapps.com/t/progress-bars/56805/10 "2023-01-17T19:44:28Z")

</div>

Good to know👍  
There’s only a few design elements i would love to see in Pages, and literally all of the ones i had in mind were on the year end webinar. Progress bars, header title, large images under components, clean "inline lists, floating Tab menu’s.  
Flip i can’t wait!  
Thanks for the tips👍

 ![Screenshot 2023-01-17 at 08.33.58](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/3/1/31f42706ed9db2ed3af90a444626a9b2aad13a54.jpeg)  
 ![Screenshot 2023-01-17 at 09.43.20](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/6/b615a3ef6122c57ebde4f2d89394c27c45fb906e.jpeg)

---

<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:** [January 18, 2023, 7:44pm UTC](https://community.glideapps.com/t/progress-bars/56805/11 "2023-01-18T19:44:35Z")

</div>

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