用bootstrap4进度条根据请求加载

可以使用以下代码来实现用 Bootstrap 4 进度条根据请求加载：

HTML 代码：

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

JavaScript 代码：

// 定义请求的 URL
const url = "your_api_url_here";

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

// 发送请求
const xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onloadstart = function() {
  // 请求开始时将进度条设为 0
  progressBar.style.width = "0%";
};
xhr.onprogress = function(event) {
  // 计算请求进度
  const progress = event.loaded / event.total * 100;
  // 更新进度条
  progressBar.style.width = progress + "%";
};
xhr.onloadend = function() {
  // 请求结束时将进度条设为 100%
  progressBar.style.width = "100%";
};
xhr.send();

在上面的代码中，我们首先定义了请求的 URL，然后获取了进度条元素。当请求开始时，我们将进度条设为 0；当请求进度更新时，我们计算出当前的进度并更新进度条；当请求结束时，我们将进度条设为 100%。