<script type="text/javascript">
        function DisableButtons() {
            $('#loading').show();
        }

        function oki() {
            $('#loading').hide();
        }
        window.onbeforeunload = DisableButtons;
        window.onload = oki;
    </script>

    <style>
        .ShadowNone {
            text-shadow: none;
            font-size: 14px;
            font-weight: 600;
            text-align: right;
        }

        #loading {
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            position: fixed;
            display: block;
            opacity: 0.7;
            background-color: #fff;
            z-index: 999;
            text-align: center;
        }

        #loading-image {
            position: absolute;
            z-index: 1000;
            left: 45%;
            top: 45%;
        }
    </style>


///-----------------------------------------------///

 <div id="loading" style="display: none;">
        <img id="loading-image" src="images/loading.gif" alt="Yükleniyor..." />
 </div>