使用window.location下载文件时显示加载器图标

<div id="loader"></div>

#loader {
  border: 16px solid #f3f3f3; /* 设置边框样式 */
  border-top: 16px solid #3498db; /* 设置顶部边框样式，可以根据需求调整颜色 */
  border-radius: 50%; /* 设置圆形边框 */
  width: 120px; /* 设置宽度 */
  height: 120px; /* 设置高度 */
  animation: spin 2s linear infinite; /* 设置旋转动画，2s为旋转一周的时间 */
}

@keyframes spin {
  0% { transform: rotate(0deg); } /* 设置旋转起始角度 */
  100% { transform: rotate(360deg); } /* 设置旋转结束角度 */
}

// 显示加载器图标
document.getElementById("loader").style.display = "block";

// 下载文件的代码，可以使用window.location.href实现文件下载

// 下载完成后，隐藏加载器图标
document.getElementById("loader").style.display = "none";