# More Cloudinary Magic: progress bars!

**URL:** <https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859>\
**Category:** Project Showcase\
**Created:** [July 21, 2020, 1:14am UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859 "2020-07-21T01:14:06Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 21, 2020, 1:14am UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/1 "2020-07-21T01:14:06Z")

</div>

Just figured out how to make a progress bar on the bottom of an image. Until built-progress bars for card/tiles view exist, this will do!

 ![Screen Shot 2020-07-20 at 9.11.30 PM](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/f/f3edd0d1d7cc6f718c3f2d6ebd3fbd8808c5386e.png)

Tutorial in the works!  
 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/c/c7067c9fa5cfc6eff35be76d48c40fa38988ac7b.png)

---

<div class="post-metadata">

**Author:** ![Jomar\_Hilario](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jomar_hilario/32/1664_2.png) [@Jomar\_Hilario](https://community.glideapps.com/u/Jomar_Hilario)\
**Post date:** [July 21, 2020, 5:07am UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/2 "2020-07-21T05:07:51Z")

</div>

Waiting…for tutorial…🙂

---

<div class="post-metadata">

**Author:** ![Stellasphere](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/stellasphere/32/7862_2.png) [@Stellasphere](https://community.glideapps.com/u/Stellasphere)\
**Post date:** [July 21, 2020, 5:34am UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/3 "2020-07-21T05:34:05Z")

</div>

😮 Can’t wait for the tutorial.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 21, 2020, 4:56pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/4 "2020-07-21T16:56:35Z")

</div>

Video has been processing on YouTube for an hour now…sorry for the delay!

---

<div class="post-metadata">

**Author:** ![spencersRus](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/spencersrus/32/69_2.png) [@spencersRus](https://community.glideapps.com/u/spencersRus)\
**Post date:** [July 21, 2020, 5:46pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/5 "2020-07-21T17:46:57Z")

</div>

Does the video have a “cool progress bar”?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 21, 2020, 6:00pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/6 "2020-07-21T18:00:33Z")

</div>

No…so lame. Thinking I need to reupload.

 ![90BDB027-3D56-43A9-AF8A-3E37F076927A.jpg](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/e/ea6bfa40a72b4ae4e406e92d3fa2958b7973f427.jpeg)

---

<div class="post-metadata">

**Author:** ![Lisa](https://avatars.discourse-cdn.com/v4/letter/l/f08c70/32.png) [@Lisa](https://community.glideapps.com/u/Lisa)\
**Post date:** [July 21, 2020, 6:40pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/7 "2020-07-21T18:40:04Z")

</div>

This is stellar @Robert_Petitto! Looking forward to your tutorial on this.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 21, 2020, 6:41pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/8 "2020-07-21T18:41:34Z")

</div>

I let the video upload then left the house. I’ll be back home in an hour and then reupload. Stay tuned!

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [July 21, 2020, 7:45pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/9 "2020-07-21T19:45:56Z")

</div>

How dare you go out…where is your commitment to glide and the community? 🙂 think you need to give more of your free time to us. 😉

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 21, 2020, 8:30pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/10 "2020-07-21T20:30:26Z")

</div>

I literally laughed out loud. Too funny. T-Minus 15 minutes for the video all you patient people! Audio isn’t the _greatest_—had to record using an AirPod because of background noise.

---

<div class="post-metadata">

**Author:** ![Jaybird\_Farrow](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jaybird_farrow/32/135_2.png) [@Jaybird\_Farrow](https://community.glideapps.com/u/Jaybird_Farrow)\
**Post date:** [July 21, 2020, 8:59pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/11 "2020-07-21T20:59:27Z")

</div>

Excited to see how this works and whether it will work across several sheets… thanks for sharing!

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 21, 2020, 9:10pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/12 "2020-07-21T21:10:56Z")

</div>

## As promised!

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/4/c44c72f5152244a576bb49d5a400d00ff02ca077.jpeg "Glide: Progress Bar Overlays Using Cloudinary") ](https://www.youtube.com/watch?v=glSUc-Id9F0)

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [July 21, 2020, 9:40pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/13 "2020-07-21T21:40:08Z")

</div>

One word - brilliant. Thanks for working through this and making a video. Makes complete sense, well explained. Strange about the images when it is zero progress, just trying to think through why the roundness potentially causes an issue. Top work 👍

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 21, 2020, 10:11pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/14 "2020-07-21T22:11:09Z")

</div>

Or maybe it’s not the roundness! Maybe it’s the fact that it’s a width of 0. Gonna see if I add .001 to the width if it shows then. Stay tuned!

0% vs 10%

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/0/05239033f85e5558709f3b446cdcdbbc6181c27b.jpeg) ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/2X/d/d9c45ce748beb8849a5a3d85b6c4cf2d53fc1fd7.png)

---

<div class="post-metadata">

**Author:** ![Rosewebstudio](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/rosewebstudio/32/12261_2.png) [@Rosewebstudio](https://community.glideapps.com/u/Rosewebstudio)\
**Post date:** [July 21, 2020, 10:18pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/15 "2020-07-21T22:18:31Z")

</div>

That would make sense. Thanks

---

<div class="post-metadata">

**Author:** ![Krivo](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/krivo/32/5363_2.png) [@Krivo](https://community.glideapps.com/u/Krivo)\
**Post date:** [July 21, 2020, 10:45pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/16 "2020-07-21T22:45:23Z")

</div>

@Robert_Petitto You do an awesome job describing how you do a certain feature. Cloudinary are lucky to have you in the community 🙂

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 21, 2020, 11:14pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/17 "2020-07-21T23:14:00Z")

</div>

Same for you! Your panorama trick was spot on.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 21, 2020, 11:39pm UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/18 "2020-07-21T23:39:02Z")

</div>

It was the rounded corners! ☹

Setting the width to 0.0 with rounded corners resulted in a 400 error. Removing the rounded corners allowed the image to work. Oh well.

No Rounded Corners for now.

---

<div class="post-metadata">

**Author:** ![Jonathon\_Kohn](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jonathon_kohn/32/8593_2.png) [@Jonathon\_Kohn](https://community.glideapps.com/u/Jonathon_Kohn)\
**Post date:** [July 22, 2020, 12:49am UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/19 "2020-07-22T00:49:03Z")

</div>

Set an “if” column to use rounded corners if % \> X and not if % \< X?

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [July 22, 2020, 1:00am UTC](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859/20 "2020-07-22T01:00:47Z")

</div>

I was thinking about this!

“Great minds…” 😉

[Next page](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859.md?page=2)
