https://kotlinlang.org logo
s

Samkeene

05/31/2020, 10:16 PM
In my bootstrap theme I'm using it has CSS to animate the width of progress bars, so that they smoothly change width to the new progress value:
Copy code
.progress-bar {
    // other stuff
    -webkit-transition: width 0.6s ease;
    transition: width 0.6s ease
}
Using the KVision progress bars I cannot seem to get this to work, I suppose because the element is being recreated due to the bind it never changes width of the same element, so the css never starts the animation. It would work back when I didn't use the KVision way, I guess because I was able to bind inside the nested DIV. Is there any easy way to get the width animating?