0
我有一個引導進度條,其文本爲「正在初始化」。我想在寬度達到25%時更新文本到「階段1完成」。然後當它達到50%,「階段2完成」等...引導進度條更新狀態文本以完成的間隔25%,50%,75%,100%
是否有內置的方法來實現這一點?如果沒有,任何想法都會很感激
的HTML
<div class="progress skill-bar">
<div class="progress-bar progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100">
<span class="progress-status">Initializing</span>
<span id="progress-value" class="pull-right">0%</span>
</div>
</div>
腳本:
$(document).ready(function() {
$('#validator-click').on('click', function() {
$('.progress .progress-bar').css("width",
function() {
// var progress_value = $(this).css("width");
// $('.progress .progress-bar #progress-value').text(progress_value+'%');
return $(this).attr("aria-valuenow") + "%";
});
});
});
PS:我也有,我想作爲一個計數器來顯示%完成「進步價值」元素。