Функция JQuery Добавление анимации прогресса

Question

Я хотел бы добавить анимацию прогресса в функцию, чтобы она отображалась в начале функции и затем исчезала в конце ее.

Что-то вроде:

<script type="text/javascript"> 
function myfunction() { 
    //Display progress animation here 
    $('input[type=submit]#submit').click(); 
    etc... 
    //Hide the progress animation here 
} 
?> 

UPDATE:

Вот мой текущий код Ajax:

<script type="text/javascript"> 
function myfunction() { 
    $("#ajax-form").submit(function(){ 
     $.post("submit.php", 
     $("#ajax-form").serialize(), 
      function(data){ 
      mysubmitForm(); 

      } 

     ); 
     return false; 

    }); 
} 
</script> 

Answer 1

Что Anix сказал:

<div class="loader">Loading...</div> 

<script type="text/javascript"> 

$(function(){ 

    $.ajax({ 
     url: 'the url', 
     data: {}, 
     success: function() { 
      $('.loader').fadeOut(); 
     } 
    }); 
}); 

</script> 

---

Update:

<script type="text/javascript"> 

function myfunction() { 

$("#ajax-form").submit(function(){ 
    //show loader here 
    $.post("submit.php", $("#ajax-form").serialize(), 
     function(data){ 
      mysubmitForm(); 
      //and hide it here 
     } 

    ); 
    return false; 

}); 

}

Answer 2

, если вы используете что-то вроде $ .ajax(), то вы можете иметь div с прогрессом изображения, видимым befor ajax, и сделать невидимым на событии sucess ajax-звонка