Asp.net показать индикатор ожидания во время обновления страницы (F5)

Question

Я использую пример на этой странице, и он работает нормально для случаев отправки.

http://www.aspsnippets.com/Articles/Display-loading-image-while-PostBack-calls-in-ASPNet.aspx

но когда обновления страницы пользователя (с помощью кнопки обновления в Брауэр или F5) этот индикатор не отображается. Я попытался использовать событие unload/load, но он не работает. У кого-нибудь есть идеи?

Заранее благодарен!

Answer 1

Это как вы можете сделать с 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 { 
     /* For the loading indicator to be vertically centered ensure */ 
     /* the html and body elements take up the full viewport */ 
     min-height: 100%; 
} 
html.loading { 
     /* Replace #333 with the background-color of your choice */ 
     /* Replace loading.gif with the loading image of your choice */ 
     background: #333 url('loading.gif') no-repeat 50% 50%; 

     /* Ensures that the transition only runs in one 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 the contents of the body opaque during loading */ 
     opacity: 0; 

     /* Ensures that the transition only runs in one direction */ 
    -webkit-transition: opacity 0; 
    transition: opacity 0; 
} 

И как только ваша загрузка страницы завершена в нижней части вы можете написать JavaScript, чтобы удалить загрузки класса.

$("html").removeClass("loading"); 

Вот живой пример этого сайта.

http://tjvantoll.com/demos/2013-04-24/loading.html

Answer 2

Я использую Telerik Radmenu в моем asp.net проекте, что я сделал, чтобы добавить JavaScript ShowProgress с другим именем в моей главной странице и на radMenu OnClientItemClicked вызвать яваскрипт Funciton.

Если вы не используете Telerik, попробуйте вызвать функцию javascript из панели навигации с помощью тега. Испытание enter link description here