$ .post에서 JQuery 진행률 막대를 표시하는 방법

Question

MVC보기에 단추가 있습니다. 사용자가 버튼이 방법 $ .post에 의해 실행되는 하나의 컨트롤러 액션이 안타

<input type="submit" value="Go" title="Go" onclick="JumpToUpdateDate()" /> 

이 컨트롤러의 동작이 실행되는 동안, 나는 그래서 진행률 표시 줄을 표시 할

function JumpToUpdateDate() { 
    var enteredDate = $('#updatedDate').val(); 
    $.post('@Url.Action(MVC.Customers.ActionNames.List)', { JumpToDate: enteredDate, DateChanged: true }, function (data) { 
     if (data.NoRecordExistsForTheDate == true) { 
      alert('No records were updated on selected date.'); 
     } 
     else { 
      $('#CustomerData').html(data); 
     } 
    } 
    ); 
} 

사용자는 진행중인 프로세스가 있음을 알 수 있습니다. 이것을 어떻게 할 수 있습니까? 또한 작업이 완료되면 즉시 사라집니다.

Answer 1

이미 진행 표시 줄이 있습니까이 코드

$.ajax({ 
     url: '@Url.Action(MVC.Customers.ActionNames.List',{data: "JumpToDate": enteredDate, "DateChanged": true }, 
      beforeSend: function() {      
         //display Progress bar here 
       }, 

     success: function (result) { 

     }, 
     async: false, 
     cache: false 
    });