Sprint ui help with specific image shape

Help and Feedback Art Design Support
#1

i want to fix this progress bar to not squish whenever the bar is low

example of the squishing : https://gyazo.com/9f65b20de01f0baa1509742522bd5b7a

I have tried canvasgroups, frames with clipdescendants enabled, etc.

really looking for any help with this ;c i have little experience with ui

#2

Try 9-slicing to fix this.

#3

could you go into more detail on how i could implement this?

#4

use canvasgroup instead of frame