I have a form which does a lot of JQuery stuff and to avoid the user seeing the page render I have created a DIV which covers the entire page, which is hidden via javascript when the page has loaded.
Code: Select all
<div id="PageLoading"><i class="fa fa-3x fa-spinner fa-pulse"></i></div>
Code: Select all
#PageLoading {
position: fixed;
height: 100%;
width: 100%;
top:0;
left: 0;
background: #fff;
z-index:9999;
padding-top: 200px;
text-align:center;
color: #000;
}
Code: Select all
$(window).on('load', function() {
$("#PageLoading").fadeOut(200);
});
Thanks in advance