Need help with tweening

[xiiitixxtxxtxxxxiiix (Lua)]

Why is it tweening like this

i tried messing with the anchor point because that used to be a problem when i tried to make something like this

pretty explanatory how i want it

this is how its supposed to look like at 100%

could it be something with the sizing or do i actually need an anchor point?

local function updateMood(moodValue, bar, percent)
	local size = math.clamp(moodValue / 100, 0, 1)
	local targetSize = UDim2.new(size, 0, 1, 0)

	bar.Size = targetSize
	percent.Text = tostring(math.floor(size * 100) .. "%")

	local tween = TweenService:Create(bar, info, { Size = targetSize })
	tween:Play()
end

[MikeartsRBLX (Verdancyx)]

try the uiscale plugin and set everything to scale. this problem could also be due to your script

[xiiitixxtxxtxxxxiiix (Lua)]

its not the script and i tried that

[ItzBloxyDev]

could you show the layout of the frames? What size is the parent frame?

[MikeartsRBLX (Verdancyx)]

then it has something to do with how you set up your frames or their offset and scale. try making all of them scale and see what happens.

[xiiitixxtxxtxxxxiiix (Lua)]

all 4 of these frames have this

and the bar

[ItzBloxyDev]

could you show the layout of the frames

[xiiitixxtxxtxxxxiiix (Lua)]

like this?

[ItzBloxyDev]

ye it looks like your setting the size to something greater then want you want the 100% to be, try this code instead which finds a value within 0 - 0.9 and keeps the y value locked at 0.4:

local function updateMood(moodValue, bar, percent)
	local size = math.clamp(moodValue / 100 * 0.9, 0, 0.9)
	local targetSize = UDim2.new(size, 0, 0.4, 0)

	bar.Size = targetSize
	percent.Text = tostring(math.floor(size * 100) .. "%")

	local tween = TweenService:Create(bar, info, { Size = targetSize })
	tween:Play()
end