Making a pie chart style load UI

[Spectroxis]

How would I make a circular loading screen? Meaning it would start out as a tick, at 50% would be a half circle and at 75% would legit be 270 degree circle? I’m wondering how I would do this… Maybe get an image of a circle that covers the center and make an algorithm with a square? Anyone got any scripts for this?

[Wsly]

there have been plenty of attempts at a radial loading bar in the past, here are some of them from the forum;

Progress Circle UI Element

A common UI element that games and apps outside of Roblox use to demonstrate loading progress is a progress circle. Right now, the only way to achieve this effect in Roblox is through the use of sprite sheets which is not as accurate nor smooth as a real progress circle, and quite a hassle to implement. An addition of this UI element would allow developers to easily include this in their games and in turn, provide a better experience for players. If you aren’t sure about what I’m talking about…

Radial Sprite Sheet Generator for Circular Progress Indicators

I created a web app that lets you generate radial (circular) progress indicators from any source image you give it. This is necessary because Roblox doesn’t support clipping masks for images. There are other ways to make a radial progress indicator, but nothing will match the quality of using pre-rendered images. Since UI elements are locked to integral coordinates, using dynamically rotated segments creates some pretty undesirable results. I’m not the first one to make something like this, but…

and a model someone made;
https://www.roblox.com/games/2269137163/Free-Circular-Progress-Bars

[Wunder_Wulfe]

You can use something like a semicircle on top of a semicircle. You can use ZIndex to change how it clips. An example would be to have a semicircle at the bottom that is under the background semicircle at bottom. Then you rotate it until you reach 180 degrees. At that point a copy of the front semicircle would be made in the same position but this time above the background semicircle. Then it rotates and clips on top of it.