jQuery Bootstrap是一種流行的前端框架，它提供了許多有用的組件和插件，其中包括進度條。

<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 25%;">25%</div>
</div>

上面的代碼演示了如何創建一個進度條。在div元素中添加類“progress”，然后在其中創建另一個div元素，這個元素添加類“progress-bar”。通過設置“style”屬性中的“width”值，可以控制進度條的進度。還可以在進度條中添加文本，例如“25%”。

<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 50%;">
Half done
</div>
</div>

上面的代碼在進度條中添加了文本“Half done”。這對于創建用戶友好的界面非常有用。

jQuery Bootstrap還提供了一些選項來自定義進度條，例如設置顏色、高度和動畫效果。此外，還可以通過JavaScript代碼更新進度條的值。

// Update progress bar to 75%
$(".progress-bar").css("width", "75%").text("75%");
// Animate progress bar to 100%
$(".progress-bar").animate({
width: "100%"
}, 1000, function() {
$(this).text("Complete!");
});

上面的代碼演示了如何使用jQuery代碼更新進度條的值和添加動畫效果。使用“css”方法可以直接設置進度條的寬度，使用“animate”方法可以添加動畫效果并在動畫完成后更新文本。