如何使用 jQuery 显示进度条？答案

【问题标题】：How to show progress bar with jQuery?如何使用 jQuery 显示进度条？
【发布时间】：2023-03-24 18:29:01
【问题描述】：

只是为了告诉用户您的请求正在处理中。

编辑：

我为自己找到了一张图片。

_{（来源：maishudi.com）}

如何在整个页面的中心显示？

【问题讨论】：

标签： jquery progress-bar

【解决方案1】：

Progressbar

jQuery progressbar

Progress Bars & Controls

【讨论】：

2 个链接失效，一个是 jqueryui

【解决方案2】：

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 });

【讨论】：

你好，有没有什么插件可以让它成为一个确定性的进度条，也就是说，进度条的前进与加载（上传或下载）的多少成正比？

【解决方案3】：

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

【讨论】：

页面已被删除。在那里获得 404。

【解决方案4】：

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

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

【讨论】：