jquery UI進度條，需要在表單提交後顯示（php和jquery）

Question

我有一個涉及jquery UI進度條和PHP的問題。這是該方案，

1）用戶選擇在一個HTML形式，然後使用PHP

貼一些字段

2）的數據被從柱retrived，該數據可以足夠大的頁取加載的幾分鐘（因此，爲什麼即時通訊實施進度條的原因）

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'>"; 

    ?> 

數據表包含將要加載的數據的樣品，

然後，數據表格的端部，然後向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. 內容爲POST ED必須POST版使用jQuery（即使用AJAX）
2. 你需要有一個識別的內容量方法加載以及剩餘訂單量的多少數量，以更新進度

知道如果這些都做了，那麼你應該能夠得到它的工作