Show angular-loading-bar And disable all contents of the page until page loads
19,354
Solution 1
I am a huge fan of angular-loading-bar.
No overlay by default, but you can easily tweak the loading-bar with this bit of CSS;
#loading-bar {
pointer-events: all;
z-index: 99999;
border: none;
margin: 0px;
padding: 0px;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
cursor: wait;
position: fixed;
background-color: rgba(0, 0, 0, 0.6);
}
Solution 2
I actually wrote a block ui module for angular a few days back that does this trick. It should work hand in hand with that nice looking loading bar.
Author by
Seetha
Updated on June 19, 2022Comments
-
Seetha almost 2 years
I have lots of ASP.NET Pages and server database connection.They takes some time to load fully when requested from server to client. Now I want to show a angular-loading-bar until page loads.. It is working fine. But i want to disable the page at the time loading page. Please see this link which i used for
anulgar-loading-bar example link
Please help me.
Thanks in advance.