Progress Bar in Thunkable?

Any way to make a progress bar in Thunkable without using like images and code and making certain parts of an image visible as the percentage/progress increases or whatever to simulate a progress bar?

Hi @jake-cohen, are you asking if there is a way to make a progress bar without any code in the blocks?

is there any way to make a progress bar? i only see a way to do it with uploading several images of a progress bar and making them set to not visible then as progress is made, you show more images

that is what I am asking, sorry for making it confusing

You could use two identical buttons to make a progress bar, one button would be for the 0% progress state
Screenshot 2024-08-28 at 2.15.10 PM
And other to show 100% progress
Screenshot 2024-08-28 at 2.15.52 PM

The only difference is the background color for each. To show the completion progress, you can just adjust the width of the progress (green) button. The math to do this is always: width of bar x progress (0-100) ÷ 100.

So, we’re 50% done and the width of the bar is 300px. 300 x 50 ÷ 100 = 150px. Progress should always be a number saved as a variable. Then each time you calculate progress, you can always have the updated variable stored and ready for the new calculation.

any way to make a circular progress bar - just another idea, might be a stretch

Not as easy, but possible. I’d check the options Tatian has provided in this thead:

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.