Put this thought in your head: You have a bar ticking down, it doesn’t really affect much, except that it will trigger another animation. I’ve successfully done it in a pretty lazy way, but im having an issue.
The thing is, the animation that is triggered after the bar depleting starts to delay, so it comes a couple seconds AFTER the bar is ticked all the way down. Another thing I need advice for is how to make it so it will play both animations no matter what time the bar is at when you click a button, if you need screencaps, please tell me what of, and I will show you 
Yes, kindly share the screenshots.