由于我主要专注于开发主页,因此我无法开始解决这个问题。
希望有一个注册表单的进度指示器,当表单接近完成时明显显示进度,但它是一个单页表单,只有 6 个输入字段。
这是用于指标的库,我被告知使用 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>
显然,我需要为 value 字段编写一些动态的东西,但是我会使用 .keypress() 或 .focus() 之类的东西来进行事件调用吗?
我的实施方法应该是什么?感谢您的关注和查看。
===========更新=========
我改变了使用模糊处理的进度指示器 div 的背景颜色,我认为这是解决方案。我已经根据他们的 api 来操纵实际进度条,我应该能够在进度指示器上调用刷新并更新值,对吗?在这种情况下从3
到16
咖啡-
jQuery ->
$("#user_first_name").blur (event) ->
$("#front_gage").refresh "value", 16
还没有条件(如果没有输入),但我相信这个简单的 hello world 实现应该可以工作,但事实并非如此。