我运行代码时bootstrap3进度条没有运行

时间:2014-01-09 01:57:07

标签: twitter-bootstrap twitter-bootstrap-3

大家好,当我运行以下代码时,进度条不显示

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
</head>
<body>
    <div class="progress">
      <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
      </div>
    </div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

使用http://jsbin.com/ejUxAjAv/1/上的代码,它使用Chrome浏览器(版本31.0.1650.63)向我显示。

它对某些浏览器不起作用。

来自http://getbootstrap.com/components/#progress

  

跨浏览器兼容性
  进度条使用CSS3过渡和   动画实现它们的一些效果。这些功能不是   Internet Explorer 9及更低版本或旧版本支持   Firefox浏览器。 Opera 12不支持动画。