UpdatePanel Query

Question

I'm trying to create a webforms page (inside a master) that immediately displays 'loading...' text while the page content is built.

I can do this quite easily if I have a button that is first clicked to call the build method but if I call the build method in the PAGE_LOAD the page doesn't render at all until the page is built.

How would I do this?

Answer 1

you can do it using jQuery

add a div in webpage or master page with id

<div id="iconloading"></div>

use css for it, change the path of gif as per your requirement

#iconloading {
position: fixed;
width: 100%;
height: 100vh;
background: #fff url('images/loader.gif') no-repeat center center;
z-index: 9999;
}

add below jQuery code in your script

<script>
jQuery(document).ready(function() {
jQuery('#iconloading').fadeOut(3000);
});
</script>