jquery UI进度条，表单提交后需要显示（php和jquery）

Question

我遇到了一个涉及 Jquery UI 进度条和 PHP 的问题。剧情是这样的，

1) 用户选择 html 表单中的一些字段，然后使用 php 发布

2）从帖子中检索数据，这些数据可能足够大，页面需要几分钟才能加载（这就是我实现进度条的原因）

3) 在页面加载时 Jquery UI 进度条会增加进度。

到目前为止，我已经安装了 jquery 进度条，但它只在页面加载时出现，而不是在加载过程中出现。

有什么帮助吗？

这是我的源代码示例

 <?php

 echo "<div id='progress-bar'></div>";
 if (isset($_POST['submit']))   {

 if(!empty($_POST['startdate']) && !empty($_POST['enddate']))   {


        $accountdetails = GetAccountDetails("SELECT Account_Name,         Account_Project_X, Account_Number FROM Accounts WHERE Account_Name = '".$_POST['accountnames']."'"); 
        echo "<div id='data-table'>";

   ?>

数据表包含将要加载的数据，

然后数据表div结束，然后将css和jquery文件的文件引用与javascript代码一起添加到进度条。

  <link type="text/css" href="css/smoothness/jquery-ui-1.8.20.custom.css"    rel="Stylesheet" />    
  <link type="text/css" href="css/style.css" rel="Stylesheet" />    

 <script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
 <script type="text/javascript" src="js/jquery-ui-1.8.20.custom.min.js"></script>



 <script    type="text/javascript">
 $('#startdate').datepicker({ dateFormat: "yy-mm-dd" });
 $('#enddate').datepicker({ dateFormat: "yy-mm-dd" });
 </script>

 <script    type="text/javascript">
$(function() {
    $( "#progress-bar").progressbar();
});
</script>

任何帮助将不胜感激。

Answer 1

据我了解，表格发布时；页面重新加载（通常的 PHP 方式）。
要使用进度条，需要考虑以下几点：

1. POSTed 的内容需要使用 jQuery（即使用 AJAX）POSTed
2. 您需要有一种方法来识别加载的内容量以及剩余量，以便了解更新进度条的数量

如果这些都完成了，那么你应该能够让它工作