# Progress bars of any shape using Cloudinary

**URL:** <https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940>\
**Category:** Project Showcase\
**Created:** [May 18, 2021, 8:35pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940 "2021-05-18T20:35:53Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\
**Post date:** [May 18, 2021, 8:35pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/1 "2021-05-18T20:35:54Z")

</div>

![Screenshot_20210519-020055_Chrome](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/a/ea342de9fa26e3a1fc0de591820262f7fb2186d3.jpeg)

Was building this app for a blood donation campaign when the foundation asked if we could have a drop of blood fill up when registration numbers rise towards the goal. At first I thought it wouldn’t be possible but then gave it a shot using Cloudinary. I was so satisfied with the result, will share the video of how I achieved this very soon!

App link: [https://sukoonfoundation.in](https://sukoonfoundation.in)

---

<div class="post-metadata">

**Author:** ![Mark\_Turrell](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mark_turrell/32/26605_2.png) [@Mark\_Turrell](https://community.glideapps.com/u/Mark_Turrell)\
**Post date:** [May 18, 2021, 8:45pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/2 "2021-05-18T20:45:48Z")

</div>

very clever - I love it!

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 18, 2021, 9:00pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/3 "2021-05-18T21:00:00Z")

</div>

Beautiful 💉🩸

---

<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:** [May 18, 2021, 9:04pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/4 "2021-05-18T21:04:02Z")

</div>

Clap 👏

Can’t wait to learn how you achieved this masterpiece 😉

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [May 18, 2021, 9:20pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/5 "2021-05-18T21:20:59Z")

</div>

Man I’ve never played with cloudinary before but 👍👍👍

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 18, 2021, 9:23pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/6 "2021-05-18T21:23:35Z")

</div>

Same 👍👍👍

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [May 18, 2021, 9:29pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/7 "2021-05-18T21:29:17Z")

</div>

I think you should stay away from it. Your apps are EXTRA cloudinary!

---

<div class="post-metadata">

**Author:** ![Lucas\_Pires](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/lucas_pires/32/64863_2.png) [@Lucas\_Pires](https://community.glideapps.com/u/Lucas_Pires)\
**Post date:** [May 18, 2021, 9:30pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/8 "2021-05-18T21:30:50Z")

</div>

🤣🤣🤣

---

<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:** [May 18, 2021, 9:50pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/9 "2021-05-18T21:50:34Z")

</div>

Very cool. I saw they had a progress bar tutorial page, but I was always too lazy to work through it. I’ll wait for your video for sure.

---

<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 18, 2021, 10:11pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/10 "2021-05-18T22:11:06Z")

</div>

Very cool indeed.

---

<div class="post-metadata">

**Author:** ![Wiz.Wazeer](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/wiz.wazeer/32/72423_2.png) [@Wiz.Wazeer](https://community.glideapps.com/u/Wiz.Wazeer)\
**Post date:** [May 18, 2021, 11:13pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/11 "2021-05-18T23:13:50Z")

</div>

Nothing too major. Just a visibility condition.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/2/82cd1b8cd8d515114db3ccc33a4c52f7af6ab2f2.jpeg)

---

<div class="post-metadata">

**Author:** ![adriasoce](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/adriasoce/32/24153_2.png) [@adriasoce](https://community.glideapps.com/u/adriasoce)\
**Post date:** [May 19, 2021, 6:15am UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/12 "2021-05-19T06:15:01Z")

</div>

Woooow!! Where can we found how to do that???

---

<div class="post-metadata">

**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\
**Post date:** [May 19, 2021, 8:07pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/13 "2021-05-19T20:07:59Z")

</div>

> **[Sukoon Foundation · Glide](https://www.loom.com/share/df16cb9fdc6c476d879fa364962384c5)**

I am sure some wizards here can find a more optimized way!

---

<div class="post-metadata">

**Author:** ![Manan\_Mehta](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/manan_mehta/32/13957_2.png) [@Manan\_Mehta](https://community.glideapps.com/u/Manan_Mehta)\
**Post date:** [May 19, 2021, 8:10pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/14 "2021-05-19T20:10:23Z")

</div>

Fixed this! Thanks for pointing it out

---

<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 19, 2021, 11:18pm UTC](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/15 "2021-05-19T23:18:17Z")

</div>

Hard to do it any better than this, wizard! Thanks for sharing.
