Ill need to pop up a black screen with some opacity, until the body is loaded. Any solution?

[phanigokaraj]

What version of angular-loading-bar are you using?
0.9.0
What version of AngularJS are you using?
1.5
What browsers are affected?
chrome
Please provide either a JSFiddle, Plunkr example that replicates the issue
no
Please describe the issue
Ill need to pop up a black screen with some opacity, until the body is loaded. Any solution?
What did you expect to happen?

What actually happened?

[phanigokaraj]

I got the way. Add a css class

#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);
}

[JayeshMali]

I have used the same CSS and by using this I am able to show overlay when there is loading bar.
But I am not getting any solution to disable screen. I have used z-index as well, but it is not working in my case.