jquery progress bar

Hi Guys,

I have asp.net mvc application and I wrote some code to run progress bar when any of my ajax method running.

My code:

$(document).ajaxStart(function () {
        $("#Waitbar").html("<img src='../Img/wait3.gif' align='absmiddle'>");
    }).ajaxStop(function () {
        $("#Waitbar").html("");
    }).ajaxSuccess(function () {
    });

<div class="text-center" id="Waitbar">

</div>

Select allOpen in new window

issue:
when the progress bar running its still allow to user to click on buttons textboxes ETC...so my question is how I kind of prevent from user to do anything in a while the progress bar running.


Thanks,