动态调整进度条的宽度

时间:2017-04-02 18:01:49

标签: javascript jquery html css spring

我正在开发一个具有元素列表的系统,其中每个元素都有不同的进度条。

我想包含这个"Admin dashboard statistics",但问题是'width'的值是为每个组件硬编码的。

我怎样才能传递在我的应用程序逻辑中计算的特定“宽度”?

我正在使用百里香和弹簧。

以下是我的HTML部分:

<div class="progress-bar progress-bar-success"
role="progressbar" aria-valuenow="${proposal.votesInfoRangoEdad.adultgPerNo}"
 aria-valuemin="0" aria-valuemax="100" style="width: 30%"
th:text="${proposal.votesInfoRangoEdad.adultgPerNo}"></div>

我需要用 proposal.votesInfoRangoEdad.adultgPerNo 的值替换30%。

1 个答案:

答案 0 :(得分:1)

我们找到了解决方案:

th:style="'width:'+ ${proposal.votesInfoGenero.malePerNo}+'%;'"