オンラインWebフォームの進捗バー

Question

私はソートのための申請書を作成していますが、ユーザーがどの程度遠くにあるのかをグラフィカルに表示するプログレスバーを表示します。

私はインターネットをサーフィンし、これを行うためにGoogleにさまざまな方法で質問しましたが、すべてアップロード/ダウンロードの進行状況バーが表示されます。

私はXHTMLとCSSのフォームをPHPハンドラでMySQLデータベースに書いています。一般的な思考はASPであると思われます（いくつかはJQueryです）。ASPが必要な場合は経験はありませんが、それ以外の方法はありますか、ASPである必要がある場合は助けてください。

ありがとうございます。

Answer 1

考えられる解決策：

1. 進捗状況を示す各ページ上の別の画像を含めます。
2. phpを使用して現在の進行状況を取得し、画像をインクルードします。
3. あなたも、単純なHTMLを使用することができます...異なる幅のプログレスバー
4. よう

をdiv要素を作成します...しかし、ここではPHPとの2つの解決策です：

<?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>