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

我有一个涉及Jquery UI进度条和PHP的问题。这是场景，

1）用户选择HTML表单中的一些字段，然后使用PHP发布

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

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>

任何帮助将不胜感激。