Asp.net show waiting indicator while refresh page (F5) -
i use example in page , works ok submit cases.
http://www.aspsnippets.com/articles/display-loading-image-while-postback-calls-in-aspnet.aspx
but when user refresh page (by button refresh of brower or f5) indicator not shown. tried using unload/load event doesn't work. have ideas?
thanks in advance!
this how can css.
http://tjvantoll.com/2013/04/24/showing-a-css-based-loading-animation-while-your-site-loads/
html { -webkit-transition: background-color 1s; transition: background-color 1s; } html, body { /* loading indicator vertically centered ensure */ /* html , body elements take full viewport */ min-height: 100%; } html.loading { /* replace #333 background-color of choice */ /* replace loading.gif loading image of choice */ background: #333 url('loading.gif') no-repeat 50% 50%; /* ensures transition runs in 1 direction */ -webkit-transition: background-color 0; transition: background-color 0; } body { -webkit-transition: opacity 1s ease-in; transition: opacity 1s ease-in; } html.loading body { /* make contents of body opaque during loading */ opacity: 0; /* ensures transition runs in 1 direction */ -webkit-transition: opacity 0; transition: opacity 0; }
and once page load completed @ bottom can write javascript remove loading class.
$( "html" ).removeclass( "loading" );
here live example of site.
Comments
Post a Comment