jquery.blockUI example

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>

<script src="~/Themes/theme01/assets/bootstrap/js/bootstrap.min.js"></script>

<script src="~/lib/bootbox/bootbox.min.js"></script>

<script src="~/lib/bootbox/bootbox.locales.min.js"></script>

<script src="~/lib/bootstrap-growl/jquery.bootstrap-growl.min.js"></script>

<script src="~/lib/jquery.blockUI/jquery.blockUI.js"></script>

function BlockUiTest() {

    //https://malsup.com/jquery/block/

    //$.blockUI({ message: 'İşlem Yapılıyor!' });

    //.........

     $.blockUI({ message: '<h1><img src="../images/busy.gif" /> Just a moment...</h1>' });

    //.........

    //$.blockUI();

     //.........

    //$.blockUI({ css: { border: '5px solid red' } });

    //.........

    //$('#myDivblockUI').block({ message: 'Processing...' });

    //.........

    //$.blockUI({

    //    css: {

    //        border: 'none',

    //        padding: '15px',

    //        backgroundColor: '#000',

    //        '-webkit-border-radius': '10px',

    //        '-moz-border-radius': '10px',

    //        opacity: .5,

    //        color: '#fff'

    //    }

    //});

      //.........

    setTimeout($.unblockUI, 10000);

}