動態調整進度條的寬度

我正在開發一個有元素列表的系統，其中每個元素都有不同的進度條。動態調整進度條的寬度

我想包括這個"Admin dashboard statistics"，但問題是'寬度'的值是硬編碼的每個組件。

我怎麼能通過一個特定的「寬度」，這是在我的應用程序的邏輯計算？

我正在使用百里香和春天。

這裏是我的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％。

來源

2017-04-02 Pablo García Miranda

問題尋求幫助調試（「？爲什麼不是這個代碼工作」）必須包括所期望的行爲，一個特定的問題或錯誤的和必要的最短的代碼在問題本身中重現它。沒有明確問題陳述的問題對其他讀者無益。 – LGSon

我們發現了一個解決方案這樣做：

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

來源

2017-04-03 06:50:26

動態調整進度條的寬度

回答

相關問題