Bootstrap 进度条

Question

我正在为进度条使用以下标签

<html>
<head></head>
<body>
<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
    60%
  </div>
</div>
</body>
</html>

我收到进度条了。但是我需要改变价值。目前是 60。当我更改 "aria-valuenow" 时，进度条没有任何变化。

Answer 1

您还需要更改宽度：JSFIDDLE

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

Bootstrap 进度条

Bootstrap prograss bar

twitter-bootstrap

progress-bar