填写表格的进度栏

Question

我有一个很长的形式.. 我想要的是当用户不断填写表格时..在右侧，当他滚动和填充时，栏必须前进。

请告诉我怎么做！ 提前致谢 ！ 图片： http://fiitjoint.co.nf/untitles.html

Answer 1

使用jQuery并不是很难。向每个字段添加blur事件，当它们从每个字段移动时，检查它们是否已正确填充。如果有，请推进进度条。

$("input").blur(function(){
    if(this.value!=="")
        // Advance the progress bar
});

请参阅此JSFiddle example。