Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/csharp/290.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
C# 使用javascript的进度条_C#_Javascript_Ajax - Fatal编程技术网

C# 使用javascript的进度条

C# 使用javascript的进度条,c#,javascript,ajax,C#,Javascript,Ajax,我想向用户显示一个处理栏 问题陈述:-用户有许多事务需要批准。当他多次选择(比如10-20个事务)并通过单击“批准”按钮进行批准时,我必须通过AJAX发送每个数据,逐个处理&然后在完成后,我必须向用户显示所有事务已处理的状态 处理需要时间。显示我必须显示一个处理栏,让服务器以完成的百分比响应每个请求。然后更新矩形div背景图像的背景位置,以匹配服务器在任何给定响应上返回的百分比。使用CSS显示进度条,并在每次事务完成时和新事务开始之前更新其宽度设置 如果您使用任何Javascript客户端库,您

我想向用户显示一个处理栏

问题陈述:-用户有许多事务需要批准。当他多次选择(比如10-20个事务)并通过单击“批准”按钮进行批准时,我必须通过AJAX发送每个数据,逐个处理&然后在完成后,我必须向用户显示所有事务已处理的状态


处理需要时间。显示我必须显示一个处理栏,让服务器以完成的百分比响应每个请求。然后更新矩形div背景图像的背景位置,以匹配服务器在任何给定响应上返回的百分比。

使用CSS显示进度条,并在每次事务完成时和新事务开始之前更新其宽度设置


如果您使用任何Javascript客户端库,您可能会找到第三方插件来实现进度条功能,从而使您更容易开发自己的程序。

我的建议是使用

计算您将发出多少ajax请求,然后每次完成一个ajax请求时,您可以计算完成百分比并更新进度条

这将设置您的进度条

var progressbar = $("<div></div>").appendTo('body').progressbar({value: 0});
progressbar.progressbar('value', parseInt((completed_ajax_requests / total_ajax_requests) * 100));