Bootstrap进度条| Aria-Now值设置但仍为空白

时间:2015-12-21 22:41:15

标签: twitter-bootstrap express progress-bar pug

所以我已成功制作了引导进度条,但即使设置aria-now值,进度条也会保持为空。我错过了什么?使用玉模板引擎构建。

div(class='progress bar' role='progressbar' aria-valuenow='45')

1 个答案:

答案 0 :(得分:0)

aria-标签仅供屏幕阅读器用于无法阅读您网站内容的用户。他们根本不会影响DOM。它是空的原因是因为你需要将你的DIV包装在.progress元素中,然后给它.progress-bar一个宽度属性 - width:60%是进度条的百分比(抱歉,我不认识玉石)

<div class="progress">
  <div class="progress-bar" role="progressbar" style="width: 60%;">
  </div>
</div>

如果您想重新添加屏幕阅读器数据,可以按照http://getbootstrap.com/components/#progress