How do I create slanted/at an angle health bar?

Hey folks,

Does anyone know how would you tackle this obstacle that I'm currently facing?

I'm trying to create slanted health bar like shown below:

The issue I'm facing is that resizing the health bar makes it almost vertical by the time it depletes completely if I start with the sprite that is slanted.

I've tried adding a slanted cap to the end of it but it looks jittery and is probably not the right solution.

The thing that comes to mind is using effects like source out etc... and 45 degree cube but not sure if that is even possible to block out everything except the part that overlaps the health bar

It would be the same angle at the beginning and at the end of a bar.

Thank you for your time and have a great day!

Hi, can't you just make it as a sprite animation in Photoshop, decrease/increase the frame number?

Just make it two pieces, pin a slanted end sprite onto it.

9patch would be suitable for this as well.

Hi, can't you just make it as a sprite animation in Photoshop, decrease/increase the frame number?

That is an option I tried as well but I'm trying to avoid that if possible.

Thank you for the suggestion!

Just make it two pieces, pin a slanted end sprite onto it.

9patch would be suitable for this as well.

I guess that is the only solution for now.

Thank you!