javascript - Js或jQuery如何实现对“一个特定文件”的加载进度进行监控？非ajax的！

Question

1. 描述你的问题

需求是这样的，我们的网页会展示一本书的内容，这是一个从远端服务器加载的文件。具体地址是后端铺在页面上的，当页面加载时，我们在开发者工具的network里可以看到它加载了多少。老板希望把这个信息展示到页面上，让用户知道文件有多大，加载了多少，防止因为加载时间过长而导致用户流失。

请问这个问题该怎么解决？

1. 贴上相关代码

2. 贴上报错信息

3. 贴上相关截图

4. 已经尝试过哪些方法仍然没解决（附上相关链接）

我在网上搜了一些，很多都是关于整个页面加载进度的，也有是针对Ajax进度监控的，但是一直没找到针对“单一文件”加载进度的jQuery插件。我想肯定会有的，只是我没有找到罢了，希望大家可以帮我一下，多谢。