如何用a标签下载跨域文件并实时显示下载进度？

🔎 典型痛点：为什么

• 同源策略限制：目标文件所在的域名与页面不一致时download属性会被浏览器忽略。导致文件在新标签页打开而不是下载。
• 缺少进度反馈：使用者只能盲目等待，特别是大文件时体验极差。
• 跨域 CORS 配置不当：服务器未返回正确的 Access‑Control-Allow-Origin 响应头，XHR/Fetch 请求直接报错。
• 传统方案只能“先全下载再触发”：使用 Blob 生成本地链接后再点击

🚀 解决思路概览

利用 XMLHttpRequest/fetch 的 progress 事件获取下载进度。将响应体以 Blob 形式缓存，再通过动态创建的 实现真正的「跨域」下载，同时配合原生 元素实时展示百分比。