How to fix animation in progress bar angular?

Question

css

There is a progress bar.
Angular and bootstrap used, link to progress bar behavior: video .
It can be seen that when the button is clicked, animation first occurs, and then the elements are removed from the dom, because of this we see an unnecessary jerk in the progress bar, it is corrected by what can be disabled in css transition: width 0.6s ease, but then the beautiful animation disappears.
Any ideas how to keep the animation of the bar and get rid of this dash?
Here is a link to an example: Click