WebEdge | Bringing Edge to your Web Performance ✨💥 | Search Engine Optimization library

You have few problems in your code and there is two solutions for you:

first solution: - and the better one

1. in your case there is no need to use animation, its enough if you will use transition: width 2s; - and you should do that.

2. you checking if the value "exist" with if (scope.value) and when you reset the width of the progress remain as it was and not changed

3. you adding .zero class that color

see here

second solution:

1.. in your case there is no need to use animation, its enough if you will use transition: width 2s; - and you should do that.

2.. if you have zero class set .progress-black { width: 0 !important; } so the width will be 0 (important because you want it to be stronger then the inline css).

see here