Progress of loading external JS file

Question

I'm not sure what this would be called to know what to search for, if this is a duplicate please link me :)

Is it possible in JavaScript in a browser, to load an external file (this bit is easy), but given that the external file could be rather large (say 50MB) show a progress indicator of the loading of that file?

i.e I, knowing the serverside size of the file, not knowing the gzip size, I want to say X% of file loaded.

I've not tried anything, I can't find anything to work from let alone find something that suggests its possible.

Problem: Trying to load up a 50MB JavaScript library on demand but show the progress of the loading.

50MB is huge! Is there any way to split this up into multiple files? Or reduce the size somehow? — Cameron Tinker, Apr 08 '14 at 15:29
@CameronTinker - http://bgrins.github.io/videoconverter.js/ this is the library. I want to do pre-upload video file checking :) — Phill, Apr 08 '14 at 16:01
That's impressive! I will have to research this some more! I see on their website, they have a loading image indicating that the library is loading. — Cameron Tinker, Apr 08 '14 at 16:06
Related issue https://github.com/kripken/emscripten/issues/613 — anatoly techtonik, Jan 28 '15 at 13:26

score 6 · Accepted Answer · answered Nov 16 '13 at 05:39

6

Use XMLHttpRequest to load the script and monitor its progress. When it's done, eval() it.

answered Nov 16 '13 at 05:39

jb_314

1,373
2
17
28

Progress of loading external JS file

1 Answers1

Linked