I added a simple b-progress-bar to my code in order to show some percentages. I followed the official documentation step by step, and everything is showing nicely, except for the animation part. Here is the component html:
<b-progress max="100" :animated="true" :striped="true" show-progress>
<b-progress-bar :value="balance" variant="danger"
:label-html="(balance/100) * 100 + '%'" />
</b-progress>
When the component displays, it doesn't move, stripes are there alongside everything else, but the animation is missing. Another thing I noted is that even the progress bar in the documentation isn't being animated for me. Could it be a browser problem?
Thanks in advance.
If anyone stumbles upon such a dumb issue, please check your Windows/Browser settings to see whether you have disabled animations.
I personally disabled animation on my whole PC to speed it up, and that was blocking the from doing anything visual.