注册表单的进度指示器

Question

我无法开始解决这个问题，因为我主要专注于开发主页。

希望有一个注册表单的进度指示器，当表单接近完成时显然会显示进度但是它是一个只有6个字段用于输入的单页表单。

This is the library用于指标，我被告知要使用jQuery库。以下是指标的js -

<script>
  var front_index_gage = new JustGage({
    id: "front_gage", 
    value: 3, 
    min: 0,
    max: 100,
    title: "Signup Progress",
    startAnimationType: "bounce",
    refreshAnimationType: "bounce",
    refreshAnimationTime: 1500,
    startAnimationTime: 1500

  }); 
</script>

显然，我需要为值字段编写动态内容，但是我会使用类似.keypress（）或.focus（）的内容来进行事件调用吗？

我的实施方法应该是什么？感谢您的关注和了解。

===========修订======

我更改了进度指示器div工作的背景颜色 模糊，我认为这是解决方案。我遇到了操纵实际的障碍 进度条基于他们的api，我应该只能调用刷新了 进度指标并更新价值吧？在这种情况下，从3到16

咖啡 -

jQuery ->
 $("#user_first_name").blur (event) ->
  $("#front_gage").refresh "value", 16 

尚未使用条件（如果没有输入），但这个简单的hello world实现应该可行，我相信，但事实并非如此。