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

Question

[litash]

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

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

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

Comments

[devstudent]

общий совет - увеличьте transition время до 5 сек наприме и внимательно посмотрит как все происходит и что можно сделать (например скачала добавить опасити: 0 или visibility:hidden; перед удалением из ДОМ)