以下是JS實現(xiàn)播放進度條的代碼示例：
HTML:
<div id="progress-bar">
<div id="progress"></div>
</div>
CSS:
#progress-bar {
width: 300px;
height: 10px;
background-color: #ccc;
}
#progress {
width: 0;
height: 100%;
background-color: #00f;
}
JS:
// 獲取進度條元素
var progressBar = document.getElementById('progress');
// 獲取音頻或視頻元素
var media = document.getElementById('my-audio-or-video');
// 更新進度條的函數(shù)
function updateProgressBar() {
// 計算當前進度
var progress = (media.currentTime / media.duration) * 100;
// 更新進度條寬度
progressBar.style.width = progress + '%';
}
// 監(jiān)聽音頻或視頻的時間更新事件
media.addEventListener('timeupdate', updateProgressBar);
請注意，在上面的示例中，您需要將 #my-audio-or-video 替換為您實際使用的音頻或視頻元素的 ID。此外，上述代碼僅實現(xiàn)了進度條的顯示，您可能還需要添加其他功能，如用戶交互控制播放進度等。
