Как динамически загружать некоторые js (или любые другие) файлы и указывать процент загруженных данных?

Question

У меня есть HTML-страница, которая должна загружать много тяжелых файлов JS в начале.Обычно их загрузка занимает много времени, и пользователь не может видеть, сколько этих данных загружено и сколько осталось!Поэтому мне нужно добавить простой индикатор выполнения, используя javascript (я имею в виду некоторый способ указать количество загруженных и оставшихся данных, графическое представление вообще не важно, это может быть просто число от 1 до 100!)* Мне нужно что-то вроде этого псевдо:

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

Есть идеи?

Answer 1

Вы можете сделать десять вызовов функции JavaScript, такой как updateProgressBar (процент), через файлы s1.js, s2.js s3.js. В функции updateProgressBar вы можете заполнить div некоторым индикатором текущего состояния загрузки JavaScript. Не самый чистый способ сделать это, но я думаю, что это сработает. Не уверен, что вы можете добавить материал к s1.js, s2.js, s3.js в вашем примере.