JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.18/angular.min.js"></script>
<script src="https://rawgit.com/GianlucaGuarini/jquery.html5loader/master/src/jquery.html5Loader.js"></script>
<div ng-app>
<label>Name:</label>
<input type="text" ng-model="yourName" placeholder="Enter a name here">
<hr>
<h1>Hello {{yourName}}!</h1>
</div>
JavaScript
$.html5Loader({
filesToLoad: {
files: [{
"type": "SCRIPT",
"source": "//cdnjs.cloudflare.com/ajax/libs/lodash.js/2.4.1/lodash.min.js",
"size": 4.096,
}]
},
onBeforeLoad: function() {
sleep(100000);
console.log('Before load');
$('body').append('<div id="load">Loading....</div>');
},
onComplete: function() {
sleep(100000);
$('#load').hide();
console.log('Complete Loaded');
},
onUpdate: function(percentage) {
sleep(100000);
console.log(percentage);
$("#load").text(' ' + percentage);
}
});