Bootstrap进度条| Aria Now值已设置，但仍然为空

Question

所以我已经成功地制作了引导进度条，但即使现在设置aria值，进度条也会保持为空。我错过了什么？使用玉石模板引擎构建。

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

Answer 1

aria-标签只供屏幕阅读器用于无法阅读网站内容的用户。它们根本不会影响DOM。它为空的原因是因为你需要将DIV封装在.progress元素中，然后给.progress-bar一个宽度属性——width:60%是进度条的%（对不起，我不知道jade）

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

如果您想将屏幕阅读器数据添加回，您可以根据http://getbootstrap.com/components/#progress