Tweening Gui issue

I made a GUI and was trying to tween it based on the player’s current stats. However, the tweeting causes the bar to move left rather than tween within the frame.

local TW = game:GetService("TweenService")

local Player = game:GetService("Players").LocalPlayer 
local Character = Player.Character or Player.CharacterAdded:Wait() 
local Humanoid = Character:WaitForChild("Humanoid") 

local BusoHakiBar = script.Parent 

local function UpdateBusoHakibar() 
	local Haki = math.clamp(Character:GetAttribute("BusoHakiTime") / Character:GetAttribute("MaxBusoHakiTime"), 0, 1) 
	local info = TweenInfo.new(Character:GetAttribute("BusoHakiTime") / Character:GetAttribute("MaxBusoHakiTime"),Enum.EasingStyle.Linear,Enum.EasingDirection.InOut,0,false,0) 
	TW:Create(script.Parent,info,{Size = UDim2.fromScale(Haki, 1)}):Play()
end


Character:GetAttributeChangedSignal("BusoHakiTime"):Connect(UpdateBusoHakibar)


That’s weird. I think your code is correct, can you show me how you have formatted the gui (in the explorer)? Also, could you re-run it and see if the position of the gui is changing in the properties window?

image
the x value is changing,
image

this is how the billboard GUI looks incomparison to the frame
image

Im pretty sure your tweening the wrong axis since you rotated the frame so shouldnt you try tweening y axis instead

how would i change it, this doesnt work

TW:Create(script.Parent,info,{Size = UDim2.fromScale(1, Haki)}):Play()

did you set the frame is y axis property size to 0