I have a basic radial progress bar script, the problem is that the circle it’s for is a 3/4 circle, and unfortunately I don’t exactly understand the code and how to edit it (I didn’t make the code)
I have tried adjusting the code a lot of times but nothing worked
The progress bar should function like this image:
The code i am using:
local leftGradient = bar.LeftFrame.Bar.UIGradient
local rightGradient = bar.RightFrame.Bar.UIGradient
local angle = math.clamp(progress * 360, 0, 360)
leftGradient.Rotation = math.clamp(angle, 180, 360)
rightGradient.Rotation = math.clamp(angle, 0, 180)
This code works but i would like help on how to change it to function like in the image i sent above.
(It’s unclear how you have your LeftFrame and RightFrame positioned, so there may be some things in my post that don’t match how it is in your UI. I’m also writing this at night so naturally I’ll be prone to mistakes. This reply should at least bring more people to your post who can also help out)
The simplest way would be to replace all occurances of 360 with a lower angle, such as 240 (whatever the total angle covered by your shape is), then subtract this new value from the angle (to make it go anti-clockwise.
You may also need to mess around with the Offset value to make it start from the right point. (Or move Offset to only affect the left rotation or the right rotation.)
e.g.
local leftGradient = bar.LeftFrame.Bar.UIGradient
local rightGradient = bar.RightFrame.Bar.UIGradient
local Offset = 0 -- shift it left/right
local AngleToCover = 240
local CurrentProgress = progress * AngleToCover + Offset
local angle = math.clamp(AngleToCover - CurrentProgress, 0, AngleToCover)
leftGradient.Rotation = math.clamp(angle, 180, AngleToCover)
rightGradient.Rotation = math.clamp(angle, 0, 180)
(Not entirely sure how it will behave - you may need to add 180 to both rotations)
