Ability Cooldown Image Sizing

Hey, devs! I’m making an ability UI, but the problem is that the progress bar image slowly gets smaller. I am using the crop image type, and I’m trying to recreate the ability cooldown from slap battles (gif). My version is on the left. Any help is appreciated.
Ability Cooldown GIF

Try to set the image ScaleType to Tile and then set the TileSize to some value using offsets, for example: {0, 50},{0, 50}

1 Like

i think you should use the gradient transparency trick!

you can reference this topic post which explains it in detail:

it will not have the rounded edge, and makes sure the texture does not warp!

1 Like

Use Canvas group for something like that. Canvas group is somekind of a group of elements inside the UI. Make the decrease bar 1,0,1,0 so it fills the container completely. If you want any more help ping me

it worked exactly like the gif, tysm!!! :heart:

1 Like