如何在一段时间后更新进度条，并在接收到某些数据时重置？

// HTML部分
<div id="progress-bar"></div>

// JavaScript部分
var progressBar = document.getElementById("progress-bar");

// 更新进度条
function updateProgressBar() {
  var progress = 0;
  var interval = setInterval(function() {
    progress += 10;
    progressBar.style.width = progress + "%";
    if (progress >= 100) {
      clearInterval(interval);
    }
  }, 1000);
}

// 重置进度条
function resetProgressBar() {
  progressBar.style.width = "0%";
}

// 模拟接收数据并重置进度条
function receiveData() {
  // 模拟接收数据的过程
  setTimeout(function() {
    resetProgressBar();
    // 其他处理接收到数据的逻辑
  }, 5000);
}

// 调用更新进度条函数
updateProgressBar();

// 调用接收数据函数
receiveData();