如何使用Javascript动态更新发货进度条？

#progressBar {
  width: 100%;
  height: 20px;
  background-color: #f2f2f2;
  border-radius: 10px;
}
#progressBar .progress {
  height: 100%;
  background-color: #4caf50;
  border-radius: 10px;
  transition: width 0.5s ease;
}

var progressBar = document.getElementById('progressBar');
var progress = 0;
var intervalId = setInterval(updateProgressBar, 1000);

function updateProgressBar() {
  if (progress >= 100) {
    clearInterval(intervalId);
  } else {
    progress += 10; // 这里模拟进度的增长，根据实际情况修改
    progressBar.style.width = progress + '%';
  }
}