我在表格中有一个进度条,类似于:
我可以给百分比传递值“2”,但是我不能给aria-valuenow
类传递值2,aria-valuenow
类设置进度条显示填充的方式。我怎样才能给aria-valuenow
传递动态值,使进度条显示正确的填充?
我试了{{value.3}}
,"{{value.3}}"
,同样只有一个{}
和有/没有% %
。我真的耗尽了想象力。
{% for key,value in ctxt.items %}
<tr><td>{{value.0}}</td><td>{{value.1}}</td><td>
{% if value.3 %}
<div class="progress align-content-center position-relative" style="height: 25px;">
<div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow= "{% value.3 %}" aria-valuemin="0" aria-valuemax="100"></div>
<small class="justify-content-center d-flex position-absolute w-100">{{value.3}}%</small>
</div>
{% endif %}
</td></tr>
{% endfor %}
- 另一个战斗是把“2%”垂直居中,而不是在顶部与
position-absolute
命令。如果你知道这一点,真的很感激太!
1条答案
按热度按时间py49o6xq1#
实际上,条的值不是由aria-valuenow定义的,而是由宽度定义的。因此,条应该按如下方式工作: