D365 portal please wait bar with animation

 if you want to use please wait with animation in your portal in any event you can use this 

this jquery will work with the default bootstrap of the portal. 

 // Please wait  
 function showPleaseWait() {    
   if (document.querySelector("#pleaseWaitDialog") == null) {  
     var modalLoading = '<div class="modal" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false" role="dialog">\  
       <div class="modal-dialog">\  
         <div class="modal-content">\  
           <div class="modal-header">\  
             <h4 class="modal-title">Bitte warten...</h4>\  
           </div>\  
           <div class="modal-body">\  
             <div class="progress">\  
              <div class="progress-bar progress-bar-success progress-bar-striped active" role="progressbar"\  
              aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%; height: 40px">\  
              </div>\  
             </div>\  
           </div>\  
         </div>\  
       </div>\  
     </div>';  
     $(document.body).append(modalLoading);  
   }  
   $("#pleaseWaitDialog").modal("show");  
 }  
 /**  
  * Hides "Please wait" overlay. See function showPleaseWait().  
  */  
 function hidePleaseWait() {  
   $("#pleaseWaitDialog").modal("hide");  
 }