Javascript 动态调整进度条的宽度

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

我想包括这一点，但问题是每个组件的“宽度”值都是硬编码的

如何传递应用程序逻辑中计算的特定“宽度”

我用的是百里香和春天

以下是我的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>

---

我需要用提案的价值替换30%。VoteInforangoEdad.adultgPerNo。

我们找到了一个解决方案：

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

---

寻求调试帮助的问题（“为什么这段代码不起作用？”）必须包括所需的行为、特定的问题或错误以及在问题本身中重现它所需的最短代码。没有明确问题陈述的问题对其他读者没有用处。