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

Question

我有一个 html 页面，它必须在开始时加载许多繁重的 js 文件。加载所有这些数据通常需要很多时间，用户无法看到这些数据中加载了多少以及还剩下多少！ 所以我需要使用javascript添加一个简单的进度条（我的意思是某种方式来指示加载和剩余数据的数量，图形表示根本不重要，它可以像1到100之间的数字一样简单！）
我需要这样的伪：

var filesToLoad = ['jsFilepath/s1.js', 'jsFilepath/s2.js', 'jsFilepath/s3.js']; showProgressBarAndBeginLoadFiles(filesToLoad);

有什么想法吗？

Answer 1

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