Javascript 如何动态加载一些js（或任何其他）文件&；指示加载数据的百分比？

我有一个html页面，一开始必须加载很多繁重的js文件。加载所有这些数据通常需要花费很多时间&用户无法看到这些数据中有多少被加载，还有多少被保留！ 因此，我需要使用javascript添加一个简单的进度条（我的意思是用某种方式来指示加载的和剩余的数据量，图形表示一点都不重要，它可以简单到1到100之间的数字！）
我需要这样的东西：

var filesToLoad=['jsFilepath/s1.js'，'jsFilepath/s2.js'，'jsFilepath/s3.js']；
showProgressBarAndBeginLoadFiles（filesToLoad）；

---

有什么想法吗？

您可以通过文件s1.js、s2.js和s3.js对updateProgressBar（百分比）等JavaScript函数进行十次调用。在updateProgressBar函数中，您可以用JavaScript加载的当前状态的一些指示符填充div。这不是最干净的方法，但我认为它会起作用。不确定您是否能够在示例中向s1.js、s2.js、s3.js添加内容。

浏览器的进度指示器不足怎么办？不，浏览器进度根本不合适，我想向用户显示加载百分比考虑我不能更改js文件的内容