# Tutorial for progress bar?

**URL:** <https://community.glideapps.com/t/tutorial-for-progress-bar/29157>\
**Category:** Ask for Help\
**Created:** [July 15, 2021, 11:20pm UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157 "2021-07-15T23:20:20Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![nrajesh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nrajesh/32/26699_2.png) [@nrajesh](https://community.glideapps.com/u/nrajesh)\
**Post date:** [July 15, 2021, 11:20pm UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/1 "2021-07-15T23:20:20Z")

</div>

I’d like to show “project funding status” for each project. I have the data “funding goal” and “current status” as separate columns. Somehow I am required to fill out the data using the “custom” field. Only then can I see the progress bar highlighted appropriately.

Not sure what I am missing. Any good tutorial for this?

Thanks  
Raj

---

<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:** [July 15, 2021, 11:31pm UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/2 "2021-07-15T23:31:44Z")

</div>

> **[Progress bar](https://docs.glideapps.com/all/reference/components/charts/progress-bar)**

---

<div class="post-metadata">

**Author:** ![nrajesh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nrajesh/32/26699_2.png) [@nrajesh](https://community.glideapps.com/u/nrajesh)\
**Post date:** [July 15, 2021, 11:53pm UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/3 "2021-07-15T23:53:08Z")

</div>

Thanks but didnt help. I tried but this did not work for me. So my google sheets data has:

- One row for each project. FundingStatus, FundingGoal
- Each projects renders the details in itss own page

When I navigate to the details page of each project, I’d like to see a progress bar on the funding.  
Min - is always Zero  
Max - FundingGoal column (this can be different for each project)  
Change status - FundingStatus (current funding status)

However, I am not seeing any of this.

Raj.

---

<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:** [July 15, 2021, 11:55pm UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/4 "2021-07-15T23:55:18Z")

</div>

Inside the details view of each project, you should have access to those data to be used in your progress bar. What do you see at the moment?

---

<div class="post-metadata">

**Author:** ![nrajesh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nrajesh/32/26699_2.png) [@nrajesh](https://community.glideapps.com/u/nrajesh)\
**Post date:** [July 16, 2021, 5:47am UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/5 "2021-07-16T05:47:56Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/8/587297ae666bbfc335be27c5c7f85813f00845c7.jpeg)

Attached screenshot. I have included all the data in the action text.  
The Funding Status Text is another column that Concatenates ‘Funding status’ and ‘Funding Goal’ columns.

I know am missing something here since the progress bar is all wrong. Values should be:

- 64%
- Dark purple should be filled up to 64% of the half circle

**May have found a bug**

- When the columns are formatted to a currency, Glide seems to mess up the rendering of the progress bar. Is this known behavior?

thanks  
Raj.

---

<div class="post-metadata">

**Author:** ![nrajesh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nrajesh/32/26699_2.png) [@nrajesh](https://community.glideapps.com/u/nrajesh)\
**Post date:** [July 16, 2021, 6:15am UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/6 "2021-07-16T06:15:56Z")

</div>

**FIXED**

- Problem - The Funding Status, Funding Goal columns in the google spreadsheet were formatted as $ currency
- Solution - Removed the formatting of those cells to regular numbers.

This is not ideal but it works since it requires to change the spreadsheet data which could have been imported from somewhere else.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/e/5ebfacf9127e8f542c49702e6d85f22335fa7aff.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:** [July 16, 2021, 8:27am UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/7 "2021-07-16T08:27:34Z")

</div>

What if you just change that column in Glide to number and keep the $ format in the Sheets?

---

<div class="post-metadata">

**Author:** ![nrajesh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nrajesh/32/26699_2.png) [@nrajesh](https://community.glideapps.com/u/nrajesh)\
**Post date:** [July 16, 2021, 8:40am UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/8 "2021-07-16T08:40:09Z")

</div>

does not work. Changing to number converts it to a floating point because it considers $1,560 as 1.56

---

<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:** [July 16, 2021, 9:06am UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/9 "2021-07-16T09:06:41Z")

</div>

What’s your device’s number preferences settings? I assume Glide takes the device’s location & number preferences settings in this case.

---

<div class="post-metadata">

**Author:** ![nrajesh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/nrajesh/32/26699_2.png) [@nrajesh](https://community.glideapps.com/u/nrajesh)\
**Post date:** [July 16, 2021, 11:22am UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/10 "2021-07-16T11:22:58Z")

</div>

do you mean phone number? I am still experimenting this on a macbook?

I changed the locale back to US Pacific. Same issue.

---

<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:** [July 16, 2021, 11:39am UTC](https://community.glideapps.com/t/tutorial-for-progress-bar/29157/11 "2021-07-16T11:39:23Z")

</div>

Device can be either your phone, tablet, laptop or PC. As I think you’re building this on laptop or PC can you try changing the locale settings on there (specifically about the thousand delimiter) and check the builder if the format changes?
