jQuery Mobile是一個基于JavaScript的移動網頁開發框架，它允許開發人員使用HTML、CSS以及JavaScript來創建跨設備的移動網頁。在jQuery Mobile中，通過進度條控制頁面加載的進度，給用戶提供更好的交互體驗。

// 進度條的使用示例
<div class="ui-loader"></div>
<div class="ui-page ui-page-theme-a ui-page-active" data-role="page">
<div class="ui-content">
<a href="#" data-role="button"
onclick="$.mobile.loading('show', {
text: '頁面加載中',
textVisible: true,
theme: 'b',
html: ''
});">加載頁面</a>
</div>
<script>
$(document).bind('pageinit', function() {
$('body').removeClass('ui-disabled');
$.mobile.loading('hide');
});
</script>
</div>

上述代碼中，我們使用了$.mobile.loading()方法來控制進度條的顯示和隱藏。在頁面加載的過程中，我們可以通過調用$.mobile.loading('show', options)來顯示進度條，其中options可以設置進度條的樣式、文本、可見性、主題等屬性；在頁面加載完成后，我們可以通過調用$.mobile.loading('hide')來隱藏進度條。另外，在頁面初始化后，我們還需要調用$.mobile.loading('hide')方法來關閉頁面加載進度條。

總之，jQuery Mobile的進度條為我們在移動網頁開發中提供了很大的幫助，可以有效地提升用戶體驗和網頁性能。