如何用jQuery显示进度条?

时间:2009-09-09 07:42:21

标签: jquery progress-bar

告诉用户您的请求正在处理中。

修改

我发现自己是一个形象。

alt text
(来源:maishudi.com

如何在整页中心显示它?

4 个答案:

答案 0 :(得分:20)

答案 1 :(得分:7)

http://plugins.jquery.com/project/jQueryProgressBar

$(document).ready(function() {
$("#pb1").progressBar();
$("#pb2").progressBar({ barImage: 'images/progressbg_yellow.gif'} );
$("#pb3").progressBar({ barImage: 'images/progressbg_orange.gif', showText: false} );
$("#pb4").progressBar(65, { showText: false, barImage: 'images/progressbg_red.gif'} );
$(".pb5").progressBar({ max: 2000, textFormat: 'fraction', callback: function(data) { if (data.running_value == data.value) { alert("Callback example: Target reached!"); } }} );
$("#uploadprogressbar").progressBar();
});

http://docs.jquery.com/UI/Progressbar

$("#progressbar").progressbar({ value: 37 });

答案 2 :(得分:4)

您可以使用Tips for Twits中的一个。 Here's a demo

答案 3 :(得分:-1)

本教程可能会对您有所帮助。它至少会告诉你从哪里开始!

 http://www.youtube.com/watch?v=bYTRKfcG6Rg