2015-11-05 42 views
2

我想從我的控制器添加數據以呈現百里香葉的進度條。我嘗試了不同的方法,但沒有工作。如何從帶有百里香葉的控制器的twitter bootstrap進度條中獲取數據?我對Spring-mvc和百里香葉很有新意

<div class="progress progress-striped"> 
    <div class="progress-bar progress-bar-warning" role="progressbar" **th:aria-valuenow="${model}"** aria-valuemin="0" aria-valuemax="100" **th:style="@{'width:'+ ${percent} +';'}"**> 
     <span class="sr-only">30% Complete (warning)</span> 
    </div> 

+0

找到它:th:attr =「aria-valuenow = $ {model}」th:style =「'width:'+ $ {percent} +';'」 – StevenSC

回答

1

發現:

<div class="progress progress-striped"> 
<div class="progress-bar progress-bar-warning" role="progressbar" **th:aria-valuenow="${model}"** aria-valuemin="0" aria-valuemax="100" th:attr="aria-valuenow=${model}" th:style="'width:'+ ${percent}+';'}"> 
    <span class="sr-only">30% Complete (warning)</span> 
</div> 
2

我試着用你的回答,並沒有爲我工作,但它有助於找到我一個答案:

<div class="progress active"> 
    <div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuemin="0" aria-valuemax="100" th:attr="aria-valuenow=${p.value}" th:style="'width:'+ ${p.percent}+'%;'"></div> 
</div> 

p.value和p.percent是我從控制器發送的模型屬性。兩者都有數字值。