Advanced Search

JQueryMobile Overlay While Loading

/ Published in: JavaScript
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1.  
  2. 	Add this style
  3.  
  4.  
  5. 	<style type="text/css">
  6. 	    .ui-loader-background {
  7. 			width:100%;
  8. 			height:100%;
  9. 			top:0;
  10. 			margin: 0;
  11. 			background: rgba(0, 0, 0, 0.3);
  12. 			display:none;
  13. 			position: fixed;
  14. 			z-index:100;
  15. 		}
  16.  
  17. 		.ui-loading .ui-loader-background {
  18. 			display:block;
  19. 		}
  20. 	</style>
  21.  
  22.  
  23. 	Then add this to the end of the BODY
  24.  
  25.  
  26. 	<div class="ui-loader-background"> </div>

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.