jQuery是一種廣泛使用的JavaScript庫，它提供了一種簡便的方式來操作HTML文檔、處理事件，以及實現動態效果。其中之一的進度條效果可以優化頁面加載時候的用戶體驗。

// 1. 設置進度條的初始狀態為 0
var progressBar = 0;
// 2. 使用 setInverval() 方法實現進度條的動態加載
var loading = setInterval(function(){
progressBar += 5;
$('.progress-bar').width(progressBar + '%');
$('.percent').text(progressBar + '%');
// 3. 當進度條到達 100% 后清除定時器
if(progressBar == 100){
clearInterval(loading);
}
}, 500);

以上代碼演示了如何使用jQuery實現一個基本的頁面加載進度條效果。通過不斷更新進度條元素的寬度以及相應的文本信息，來模擬進度條的加載。同時使用了 setInterval() 函數來不斷執行代碼，進度條不斷的加載，并且當進度條到達100%的時候，該函數被清除。

總結來說，以上代碼演示了如何使用jQuery輕松地實現一個頁面進度條，這個功能可以提高頁面加載速度，優化用戶體驗，讓網站的訪問更加流暢。因此，掌握使用jQuery來制作進度條是非常重要的。