Twitter bootstrap 引导进度条不工作

引导进度条在我的mvc索引视图上不起作用 我用chrome和ie试用过

@{
    ViewBag.Title = "Home Page";
}

<div class="jumbotron">
    <h1>ASP.NET</h1>
    <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p>
    <p><a href="http://asp.net" class="btn btn-primary btn-large">Learn more &raquo;</a></p>
</div>

<div class="row">
    <div class="col-md-4">
        <h2>Getting started</h2>
     <div class="progress-bar progress-striped "></div>
    </div>

</div>

@{
ViewBag.Title=“主页”；
}
ASP.NET
ASP.NET是一个免费的web框架，用于使用HTML、CSS和JavaScript构建伟大的网站和web应用程序

开始

完成60%

---

上面是bootstrap v3.1.1中的代码，看起来进度条div缺少一些元素

查看CSS，选择器“进度条”已更改为“进度条”：

因此，将代码更改为

<div class="progress">
  <div class="bar">
  </div>
</div>

那就行了

---

不确定这种疯狂的原因是什么，似乎引导文档还没有更新。

这次聚会很晚，但在我使用的引导版本（v3.1.1）中，类是“进度条”（而不是像文档所说的“进度条条条”），它和“活动”类都必须应用到外部div：

<div class="progress progress-striped active">
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">Some text</div>
</div>

一些文本

如果您使用的是Bootstrap v4并且需要设置动画，则需要使用

进度条设置动画

，而不是

活动

<div class="progress">
  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
</div>

---

有了这个，进度动画就可以工作了。

你能提供JSFIDLE链接吗？你使用的是什么版本的bootstarp？？？？您是否包含

bootstrap.js

文件？？？@user3381280请提供演示链接

<div class="progress progress-striped active">
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">Some text</div>
</div>

<div class="progress">
  <div class="progress-bar progress-bar-striped progress-bar-animated" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width: 75%"></div>
</div>