How to make a loading screen while using three.js and jsonLoader?

json, three.js

Solution

The minimum required code is just this:

THREE.DefaultLoadingManager.onProgress = function ( item, loaded, total ) {
    console.log( item, loaded, total );
};

Instead of printing to the console you can for example start the rendering loop "if loaded == total". Or/And you can update any loading indicater. (The code is from one of the examples.)

Problem

I have a very large amount of texture files and models to load into my project. I am trying to show a status bar or some sort of loading screen while everything is loading. If anyone could give me any info on how to do this that would be awesome. Thanks!

Original source