asp.net-mvc – Bootstrap进度条在MVC中缺少条带

发布时间：2020-12-16 06:38:36 所属栏目：asp.Net 来源：网络整理

导读：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

<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

解决方法

我刚刚遇到了一些问题,似乎将进度条动画(进度条带和活动)的两个类从进度条移动到父元素进程非常有效.

从下面的工作示例中可以看出,两者都可以完美地工作.虽然,如果用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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!