Loading Progress Bar In Every Web Page Using Jquery In Php, Asp.Net, Java

Here I will explain about display loading gif image (Progress Bar) in PHP, Asp.Net, Java webpages using simple Jquery and css.
If you are using Asp.net master page place the below html, css and jquery code here.
CSS:
.loading {
                display: block;
                background: #03a9f3;
                position: fixed;
                left: 0px;
                top: 0px;
                height: 100%;
                width: 100%; sitetextcolor txtsitetextcolor
                z-index: 99999999999;
            }
            .loading span {
                position: absolute;
                top: 50%;
                left: 50%;
                z-index: 999;
                -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);

            }
Html:
<div class="loading">
                <span>
                   //Place gif image here
                </span>
            </div>
JQuery:
$(window).load(function() {
            $('.loading').delay(0).fadeOut(1000);
     

        });