如何更新bootstrap进度条。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>

<div class="progress">
  <div class="progress-bar" role="progressbar" style="width: 0%;" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>

// 使用JavaScript更新进度条
var progressBar = document.querySelector('.progress-bar');
progressBar.style.width = '50%';
progressBar.setAttribute('aria-valuenow', '50');

// 使用jQuery更新进度条
$('.progress-bar').css('width', '50%').attr('aria-valuenow', '50');

// 使用定时器动态更新进度条
var progressBar = document.querySelector('.progress-bar');
var value = 0;
var timer = setInterval(function() {
  value += 10;
  progressBar.style.width = value + '%';
  progressBar.setAttribute('aria-valuenow', value);
  if (value >= 100) {
    clearInterval(timer);
  }
}, 1000);