Custom Filling Up Bar

Hello, Developers!

I’m trying to do an custom bar that fills up when the player clicks the button, i tried to do it myself and i tried searching it on devforum and youtube but i couldn’t find anything.


You click the button then the white part goes down (<- Tween Service I think), the sword is 0.5 trasparency then the white part fills up again [I don’t know how to explain it better]

TweenService:Create(Image , tweenInfo.new(.2) , {Transparency = .5}):Play()
--to make it appear change .5 to 0

I figured it out myself, thanks for your time!