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渲染,只有底部的一个可以工作.

工作示例(底部是一个适合您的工作示例)

工作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>