radial_progress.lua

local Roact = require("Roact")

local Segments = {}

for index = 1, 8 do
	local X = (index - 1) % 4
	local Y = math.floor((index - 1) / 4)

	table.insert(Segments, {
		Angle = 360 / (2 ^ index),
		Location = Vector2.new(X, Y) * 250
	})
end

return function(props)
	local segment = table.find(Segments, function(segment)
		return props.Angle >= segment.Angle
	end)

	if not segment then
		return nil
	end

	local image = {
		Image = "rbxassetid://2692625902",
		ImageRectSize = Vector2.new(250, 250),
		ImageRectOffset = segment.Location,

		Size = UDim2.new(1, 0, 1, 0),

		BackgroundTransparency = 1
	}

	return Roact.createElement("Frame", {
		Rotation = props.Start,

		Size = props.Size,
		Position = props.Position,
		AnchorPoint = props.AnchorPoint,

		BackgroundTransparency = 1
	}, {
		Roact.createElement("ImageLabel", image),
		Roact.createElement("ImageLabel", table.merge(image, {
			Rotation = props.Angle - segment.Angle
		}))
	})
end