pvloader.js

document.addEventListener('DOMContentLoaded', function() {

	// SET YOUR VARIABLES
	var pvloader = document.querySelector('#pvloader');
	var model1 = document.querySelector('#your-model-1');
	var model2 = document.querySelector('#your-model-2');
	
	// HTML5 LOADER
	window.onload = function() {
		
    		// ADD VALUE TO BAR ONCE A MODEL IS LOADED
		model1.addEventListener('model-loaded', function() {
			pvloader.value += 50;
		});
		
    		// ADD VALUE TO BAR ONCE A MODEL IS LOADED
		model2.addEventListener('model-loaded', function() {
			pvloader.value += 50;
		});
		
		// HIDE WHEN PROGRESS TOTAL = 100%
		function start() {
			loading.style.opacity = '0';
			loading.style.display = 'none';
		}

    		// TIMER TO CHECK IF VALUE IS 100% EVERY 1 SECOND
		var checkStatus = setInterval(myTimer, 1000);
		
		function myTimer() {
			if (pvloader.value >= 100){
				clearInterval(checkStatus);
				start();
			}
		}

}