Bootstrap进度条在MVC中缺少条带

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>