[Solved] How Do I Make A Circular progress bar

Questions about Thunkable
1

I am trying to make an app where it tracks data for a task and I am having trouble making a circular progress bar is anyone able to help me with this?

3

There are two ways you can do this:

  1. Create/find a graphic outside of Thunkable that has stages of a circular progress indicator. For example, this. It wouldn’t be hard to make something like that in Illustrator or to pay someone on Fiverr to make it for you. Then constrain an image’s background picture to join filename + app variable ImageFrameNum and increase ImageFrameNum by 1 on a timer so that you get images like filename1, filename2, filename3, etc. Essentially, you’re making your own animation.

  2. Create a graphic of a half circle including a status arc and a graphic of a half circle that matches the background color. Stack them on top of each other with the background color on top and rotate the top half circle to expose the arc below. This would need to be done in a Canvas component.

I don’t think I still have the project I mentioned here but this is another method of using a “needle” to display progress radially: How to rotate a needle of a clock / gauge?.

4

Thank you so much!