设置进度条位置

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

.progress-bar {
  width: 200px;
  height: 20px;
  border: 1px solid #ccc;
  position: relative;
}

.progress {
  height: 100%;
  background-color: #00aaff;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  transition: width 0.5s ease; /* 进度条动画效果 */
}

// 获取进度条元素
var progressBar = document.querySelector('.progress');

// 设置进度条位置
function setProgressPosition(percent) {
  progressBar.style.width = percent + '%';
}

// 调用方法设置进度条位置，比如设置为50%
setProgressPosition(50);