显示任意逻辑参数变化实验中模拟进度的百分比

<div class="progress-bar">
  <div class="progress"></div>
</div>

.progress-bar {
  width: 200px;
  height: 20px;
  background-color: #f0f0f0;
  border-radius: 10px;
}

.progress {
  height: 100%;
  background-color: #00aaff;
  border-radius: 10px;
  width: 0%;
}

// 模拟进度变化
function simulateProgress() {
  var progress = 0;
  var interval = setInterval(function() {
    progress += Math.random() * 10;
    if (progress >= 100) {
      clearInterval(interval);
    }
    updateProgress(progress);
  }, 500);
}

// 更新进度条
function updateProgress(progress) {
  var progressBar = document.querySelector('.progress');
  progressBar.style.width = progress + '%';
}

// 启动模拟进度
simulateProgress();