进度条（b-progress-bar）没有动画

Question

我在我的代码中添加了一个简单的 b-progress-bar 以显示一些百分比。我按照官方文档一步一步来，除了动画部分，一切都很好。这是组件 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>

当组件显示时，它不会移动，条纹与其他所有东西一起出现，但缺少动画。我注意到的另一件事是，即使是文档中的进度条也没有为我设置动画。会不会是浏览器的问题？

提前致谢。

Answer 1

如果有人偶然发现这样一个愚蠢的问题，请检查您的 Windows/Browser 设置，看看您是否禁用了动画。

我个人禁用了整个 PC 上的动画以加快速度，这阻碍了它做任何视觉效果。

进度条（b-progress-bar）没有动画

Progress bar (b-progress-bar) not animating

bootstrap-vue