Как исправить анимацию в progress bar angular?

Есть прогресс бар.
Используется ангуляр и бутстрап, ссылка на поведение прогресс бара: видео.

Видно, что при клике на кнопку сначала идет анимация, а затем элементы удаляются из dom, из-за этого мы видим ненужный рывок в прогресс-баре, исправляется тем, что можно отключить в css transition: width 0.6s ease, но, тогда пропадает красивая анимация.

Есть идеи, как сохранить анимацию бара и избавиться от этого рывка?
Вот ссылка на пример: Клик