Django将动态标签传递给div类

mzillmmw  于 2023-03-13  发布在  Go
关注(0)|答案(1)|浏览(122)

我在表格中有一个进度条,类似于:

我可以给百分比传递值“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命令。如果你知道这一点,真的很感激太!
py49o6xq

py49o6xq1#

实际上,条的值不是由aria-valuenow定义的,而是由宽度定义的。因此,条应该按如下方式工作:

<div class="progress-bar" role="progressbar" style="width: {{ value.3 }}%;" aria-valuenow= "{{ value.3 }}" aria-valuemin="0" aria-valuemax="100"></div>

相关问题