在線Web表單的進度條

我正在製作一份調查問卷的申請表格，並且希望在頂部顯示一個進度條，以圖形方式顯示（並非真正的高端）用戶有多遠。在線Web表單的進度條

我花了一段時間在網上衝浪，並以各種方式要求Google做到這一點，但它都帶有上傳/下載進度條。

我正在用XHTML和CSS將PHP表單處理程序寫入MySQL數據庫。一般的想法似乎是我沒有經驗的ASP（有些是JQuery），如果它需要ASP，那麼還有其他方法，但如果它確實需要ASP，可以請幫忙嗎？

預先感謝您。

來源

2012-03-17 PurpleSmurph

如何申請表是什麼樣子？幾頁和進度表示當前頁面的編號？請定義'prgress'應該是什麼（最大+當前狀態） – 2012-03-18 00:19:23

狀態，如表格的百分比。它是由6-9個XHTML頁面組成的申請表格。 – PurpleSmurph 2012-03-18 00:40:48

然後有什麼問題？只是用不同的進度條階段製作6-9張圖片，並在表格頁面中顯示6-9 ...可以單獨使用html完成，不需要php或asp或jquery ... – Michal 2012-03-18 00:50:37

可能的解決方案：

包括每個頁面上的另一個圖像，顯示進度。
使用PHP獲取當前進度幷包含圖像。
讓一個div具有不同寬度
一個進度條...

你甚至可以只使用簡單的HTML ......然而，這裏是用PHP兩種可能的解決方案：

<?php 
$progress = 1; 
$max = 5 

echo "<img src=\"progress_".$progress.".jpg\" />" 

?>

其中progress_1.jpg，progress_2.jpg，...是您的圖片。

沒有圖像 - 只是CSS：

<?php 
$progress = 70; 
$max = 100; 
?> 
    <div style="height:15px; width:<?=$max?>px; background-color:silver; padding:1px;"> 
     <div style="height: 100%; width:<?=$progress?>px; background-color:yellow"></div> 
    </div>

來源

2012-03-18 01:08:15

不錯，謝謝。 – PurpleSmurph 2012-03-18 19:49:22

在線Web表單的進度條

回答

相關問題