# Animated Progress Circle?

**URL:** <https://community.glideapps.com/t/animated-progress-circle/43650>\
**Category:** Ask for Help\
**Created:** [June 29, 2022, 1:10am UTC](https://community.glideapps.com/t/animated-progress-circle/43650 "2022-06-29T01:10:48Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hal\_Atkins](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hal_atkins/32/44352_2.png) [@Hal\_Atkins](https://community.glideapps.com/u/Hal_Atkins)\
**Post date:** [June 29, 2022, 1:10am UTC](https://community.glideapps.com/t/animated-progress-circle/43650/1 "2022-06-29T01:10:48Z")

</div>

We’d love to have a progression circle (hopefully animated) that we could display for each our intakes. The progression would represent 5 or six “stages” to keep clients informed on the progress.

Anyone have any guidance on how we could do that in Glide?

---

<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:** [June 29, 2022, 1:27am UTC](https://community.glideapps.com/t/animated-progress-circle/43650/2 "2022-06-29T01:27:18Z")

</div>

You can get some ideas here. Not exactly a circle, but they have some good “progess bars”.

> [@More Cloudinary Magic: progress bars!](https://community.glideapps.com/t/more-cloudinary-magic-progress-bars/12859):
>
> 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! Tutorial in the works! [image]

> [@Progress bars of any shape using Cloudinary](https://community.glideapps.com/t/progress-bars-of-any-shape-using-cloudinary/26940/8):
>
> roflroflrofl

I know @Robert_Petitto has done a circle before. I think with Quickchart.

---

<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:** [June 29, 2022, 1:43am UTC](https://community.glideapps.com/t/animated-progress-circle/43650/3 "2022-06-29T01:43:13Z")

</div>

Ya, I use quickchart’s radial chart for progress rings.

---

<div class="post-metadata">

**Author:** ![Hal\_Atkins](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hal_atkins/32/44352_2.png) [@Hal\_Atkins](https://community.glideapps.com/u/Hal_Atkins)\
**Post date:** [June 29, 2022, 1:18pm UTC](https://community.glideapps.com/t/animated-progress-circle/43650/4 "2022-06-29T13:18:05Z")

</div>

Hey @Robert_Petitto - thanks for the reply. A couple of questions…

1. Would this be something that is used in a web or code embed in the page, or something that would use a code embed?

2. I would need to get some sort of variable in to the code to display the current status - is there some resource that you are aware of where I could learn more?

---

<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:** [June 29, 2022, 8:42pm UTC](https://community.glideapps.com/t/animated-progress-circle/43650/5 "2022-06-29T20:42:05Z")

</div>

I actually use an Image component. Check out my gamification series. I think I talk about this in Episode 2:  
[https://youtube.com/playlist?list=PLiXRc87c6KKXcnnsS3ZKmyLyqiSFjuuNv](https://youtube.com/playlist?list=PLiXRc87c6KKXcnnsS3ZKmyLyqiSFjuuNv)