Javascript 当用户单击链接时创建加载栏

Javascript 当用户单击链接时创建加载栏,javascript,jquery,ajax,progress-bar,loading,Javascript,Jquery,Ajax,Progress Bar,Loading,当用户单击链接时,我需要创建一个加载条,如果需要的话——将数据(通过Ajax)上传到div#work,然后显示加载条。当数据上传后,我希望这个脚本停止,因为我有文件总是作为后台文件加载。如何使用jQuery创建这个 ps:对不起,我的英语很差:(如果你正在上传文件等,那么获取进度指示器的唯一方法就是使用Flash upload applet。如果你只是想显示循环加载动画,请使用@genesis'回答。这是解决方案,但我想编写更多通用脚本。我知道ajaxStart()但它不适合,因为我有后台加载页

当用户单击链接时,我需要创建一个加载条,如果需要的话——将数据(通过Ajax)上传到
div#work
,然后显示加载条。当数据上传后,我希望这个脚本停止,因为我有文件总是作为后台文件加载。如何使用jQuery创建这个


ps:对不起,我的英语很差:(

如果你正在上传文件等,那么获取进度指示器的唯一方法就是使用Flash upload applet。如果你只是想显示循环加载动画,请使用@genesis'回答。这是解决方案,但我想编写更多通用脚本。我知道ajaxStart()但它不适合,因为我有后台加载页。@Koiw:“后台加载页”是什么意思?它是一个一直在上传的页面。我用它来检查不同的东西。例如var auto_refresh=setInterval(function(){$('#friend_notice')。load('notice_actions.php?action=check¬ice=1');},5000)@Koiw:所以只要把我的代码放在你需要的地方,并在没有这个加载程序的情况下保持后台进程就行了
$("#ajax").click(function(){
   $("#work").show();

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