如何動態加載一些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（百分比）。在updateProgressBar函數中，您可以使用JavaScript加載的當前狀態的某個指示符填充div。不是最乾淨的方式，但我認爲它會奏效。不知道你能否在你的例子中添加東西到s1.js，s2.js，s3.js。