Question

我有以下内容，我希望在后台显示进度，但没有显示

<DOCTYPE html>
<html>
<body>
    <div class="progress progress-striped">
      <div class="progress-bar progress-bar-success" role="progressbar" aria-    valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
      </div>
    </div>
</body>
</html>

Answer 1

您需要先包含bootstrap css文件

将此添加到您的<head>：

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">

对您的代码进行以下更改： <DOCTYPE HTML>至<!DOCTYPE HTML>和aria- valuenow="40"至aria-valuenow="40"

示例Fiddle

如果您无法在小提琴中看到进度条，那么您可能正在使用不兼容的浏览器。

进度条使用CSS3过渡和动画来实现它们的一些效果。＆gt; Internet Explorer 9及更低版本或旧版本的＆gt; Firefox不支持这些功能。 Opera 12不支持动画。

代码运行时，引导进度条不显示

1 个答案: