フォーム用プログレスバー

Question

ここで知っている人もいるでしょうから、現時点ではフォームに重きを置いています。だから私は思考を得ました、そして、私はそこに様々な進歩のバーを知っています。

のような：Wits

と自身をjquery.progressbar。私はまだ見たhavent何

、

は、我々は5つの入力フィールドで、フォームを持っているとしましょう...です。どんなフォームでもできます。 入力フィールドごとにスコア値を割り当てることはできますが、ユーザーが次のフィールドにクリックしたり、プローバーがアニメーション化されたり、塗りつぶされたりすると20％などになります。

それをしたいが、十分に近いです。

Anyhoo、私は誰かの後にこれを書いて、説明するだけではありません。どのように入力要素に変数（値）をつけて、それをプログレスバーに解析するか。

それは私が立ち往生しているビット、ほとんどのスクリプトは、サブミットに基づいています。フォームを5つの要素にページ分けし、x％の価値を持つ各要素

とにかく乾杯。

Answer 1

このようなものは何ですか？

<script type="text/javascript"> 
function updateProgress(element) { 
    var weight = element.attributes.weight; 
    //some maths to shift the bar along by 25% 
} 
</script> 

<input type="text" name="field1" id="field1" weight="25" onBlur="updateProgress(this);"/> 
<div id="progressBar></div>