Circular Progress Bar

Help and Feedback Scripting Support
#1
  1. What do you want to achieve?
    A circle shaped progress bar that shows the percentage of how close a team is to capturing a point.

Reference photo: (sorry for the 8-bit quality)
image

As far as scripting goes i’m all good I just need to know how to make the Ui. Thanks!

#2

create a background frame for the bar and create the image to put over the bar, and make sure to add a uicorner with scale 1 and a uiaspectratioconstraint with aspect ratio 1

#3

Right but how do I shade only a fraction of it

#4

you should have 2 frames: a white one, and a blue one inside of the white one. actually, the white one should be a canvas group because I’m pretty sure it clips descendants that are outside of it. the white one should have a UICorner, but the blue one shouldn’t. the anchor point of the blue one should be 0,1, and you can have a script that adjusts the y size of it.

btw setting ClipDescendants to true on a regular frame wouldn’t work because it doesn’t clip by the corners