Page loading status or progressbar using javascript

Page loading status or progressbar using javascript

Reference url: http://spjsblog.com/2013/05/06/dynamic-forms-for-sharepoint-now-with-field-tooltip/

Add this code in page content editor webpart

<style type="text/css">
.dffsOverlay{
 font-size:16px;
 padding-top:100px;
 text-align:center;
 width:100%;
 height:100%;
 background-color:#F5F5F5;
 position:absolute;
 top:0;
 left:0;
 z-index:9999;
 cursor:default;
}
</style>
<div id='dffs_loadingOverlay' class='dffsOverlay'>Loading, please wait...</div>
<script type="text/javascript">
 setTimeout(function(){
  var oDiv = document.getElementById("dffs_loadingOverlay");
  if(oDiv !== null){
   oDiv.innerHTML = "<span style='font-size:20px'><br><br>Click to View the Form.</span>";
   oDiv.onclick = function(){
       this.parentNode.removeChild(this);
   };
  }
 },5000);
</script>