如何插入进度条来显示项目的运行时进度？

#progress-bar {
  width: 100%;
  height: 20px;
  background-color: #f0f0f0;
}

#progress-bar-inner {
  width: 0%;
  height: 100%;
  background-color: #00aaff;
}

// 获取进度条元素
var progressBar = document.getElementById("progress-bar");

// 创建内部进度条元素
var progressBarInner = document.createElement("div");
progressBarInner.id = "progress-bar-inner";
progressBar.appendChild(progressBarInner);

// 更新进度条进度
function updateProgressBar(progress) {
  progressBarInner.style.width = progress + "%";
}

// 示例：模拟项目运行过程中的进度更新
var progress = 0;
var interval = setInterval(function() {
  progress += 10;
  updateProgressBar(progress);
  if (progress >= 100) {
    clearInterval(interval);
  }
}, 1000);