asp.net-mvc - MVC 中 Bootstrap 进度条缺少条纹

Question

<div class="progress">
    <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
        <span class="sr-only">40% Complete (success)</span>
    </div>
</div>

直接使用文档中的示例，我在进度栏上没有看到任何条纹。如何让它们显示？

使用 MVC 5 和 Bootstrap v3.2.0

Answer 1

我刚才遇到了一些问题，似乎将两个使进度条动画的类(progress-striped 和 active)从progress-bar 到父元素 progress 完美运行。

正如您从下面的工作示例中看到的，两者都可以完美工作。不过，如果使用 MVC 渲染，则只有底部的一个可以工作。

<强> WORKING EXAMPLE (下面的一个是适合您的)

工作 HTML:

<div class="progress progress-striped active">
    <div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
        <span class="sr-only">45% Complete</span>
    </div>
</div>