jQuery視頻進度條是一種非常常見的網頁特效，它可以讓用戶更加方便地掌握視頻的播放情況，提高用戶體驗。在本文中，我們將介紹如何使用jQuery來實現視頻進度條。

$(document).ready(function() {
var video = $('.video-player')[0];
var progress = $('.progress-bar');
video.addEventListener('timeupdate', function() {
var percent = Math.floor((100 / video.duration) * video.currentTime);
progress.css('width', percent + '%');
});
progress.click(function(e) {
var mouseX = e.pageX - progress.offset().left;
var width = progress.width();
var seekPercent = mouseX / width;
video.currentTime = video.duration * seekPercent;
});
});

以上代碼實現了視頻播放進度的顯示，并且綁定了進度條的點擊事件，使用戶可以通過點擊進度條快速跳轉到視頻的任意時間點。

首先，我們通過jQuery獲取了視頻標簽和進度條標簽，并將視頻轉換為原生的DOM元素，以便后續操作。在視頻播放時，通過video的timeupdate事件來更新進度條的寬度，通過計算當前播放時間占總時長的百分比來確定進度條的寬度。

在進度條點擊事件中，我們首先獲取鼠標點擊的橫坐標和進度條的總寬度，計算出鼠標點擊在進度條上的百分比，然后通過設置video的currentTime屬性來跳轉至指定時間點。

需要注意的是，以上代碼只是簡單的實現了視頻進度條的基本功能，實際應用中還需要根據具體場景進行功能優化和樣式美化。