Créer une barre de chargement lorsque l'utilisateur clique sur un lien - javascript, jquery, ajax, progress-bar, loading

J'ai besoin de créer une barre de chargement lorsque l'utilisateur clique sur un lien et si nécessaire - de télécharger des données (via Ajax) dans div#work, puis affichez la barre de chargement. Lorsque les données sont téléchargées, je veux que ce script soit arrêté, car j'ai des fichiers qui sont toujours chargés en tant que fichiers d'arrière-plan. Comment créer cela avec jQuery?

ps: désolé mais mon anglais est très mauvais :(

Réponses:

$("#ajax").click(function(){
$("#work").show();

$.post("data.php", {"data":"here"}, function(){
$("#work").hide();
});
});