OnClientClick="ShowProgress()"  
 
--------------------- 
 
  <script>
        toastr.options = {
            "closeButton": false,
            "debug": false,
            "newestOnTop": false,
            "progressBar": true,
            "positionClass": "toast-bottom-center",
            "preventDuplicates": false,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "4000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        }
    </script>
    <div class="loading" align="center" style="color: black">
        Lütfen Bekleyiniz...<br />
        <br />
        <img src="css/indicator.gif" alt="" />
    </div>
    <script>
        function ShowProgress() {
            setTimeout(function () {
                var modallo = $('<div />');
                modallo.addClass("modallo");
                $('body').append(modallo);
                var loading = $(".loading");
                loading.show();
                var top = Math.max($(window).height() / 2 - loading[0].offsetHeight / 2, 0);
                var left = Math.max($(window).width() / 2 - loading[0].offsetWidth / 2, 0);
                loading.css({ top: top, left: left });
            }, 200);
        }
    </script>
    <style>
        .modallo {
            position: fixed;
            top: 0;
            left: 0;
            background-color: black;
            z-index: 120;
            opacity: 0.4;
            filter: alpha(opacity=80);
            -moz-opacity: 0.4;
            min-height: 100%;
            width: 100%;
        }

        .loading {
            font-family: Arial;
            font-size: 10pt;
            border: 5px solid #67CFF5;
            width: 200px;
            height: 100px;
            display: none;
            position: fixed;
            background-color: White;
            z-index: 999;
        }
    </style>