bootstrap-vue - 进度条（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>

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

提前致谢。

标签： bootstrap-vue

Answer 1

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

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