形式的进度条

Question

正如有些人会在这里知道的那样，我们目前正在深入研究形式。所以让我思考，我确实知道各种进度条。

例如：Wits

和jquery.progressbar本身。

我还没看到，是......

假设我们有一个表单，有5个输入字段。任何形式都可以。 我们可以为每个输入字段附加一个分数值，比如说20％，但是当用户点击下一个字段时，progreebar会被动画化，或者填充（因此进展到20％等）

这不是我们想要做的，但已经足够了。

Anyhoo，我不是在跟别人写这个，只是为了解释。我们如何将变量（值）附加到输入元素，然后将其解析为进度条。

有点我坚持，大多数在线脚本都基于SUBMIT。并将表单分为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>