所以我已成功制作了引导进度条,但即使设置aria-now值,进度条也会保持为空。我错过了什么?使用玉模板引擎构建。
div(class='progress bar' role='progressbar' aria-valuenow='45')
答案 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