Progression.js 介绍
Progression.js一个jQuery插件，在完成表单时为用户提供实时提示和进度更新。Progression.js是一个能够提示用户表单填写完成百分比进度的jQuery表单插件。这款jQuery表单插件十分人性化，而且界面美化的十分漂亮，设计简洁大方。
创建表单
您必须为表单提供唯一的ID。然后，您需要为data-progression每个元素添加一个数据属性，该属性需要是表单进程中的一个步骤。
可以通过添加data-helper到元素来设置工具提示的帮助文本。这在下面说明
<form id="myform">
<p>
<label for="">Name</label>
<input data-progression="" type="text" data-helper="Help users through forms by prividing helpful hinters" name="name" value="" placeholder="" />
</p>
</form>
##### Initiate the plugin
创建表单后，您需要启动插件。在最基本的级别，您可以启动插件，如：
$(document).ready(function ($) {
$("#myform").progression();
});
如果你想用选项启动插件，你可以这样做：
$("#myform").progression({
tooltipwidth: '200',
tooltipPosition: 'right',
tooltipOffset: '50',
showProgressBar: true,
showHelper: true,
tooltipFontSize: '14',
tooltipFontColor: 'fff',
progressBarBackground: 'fff',
progressBarColor: '6EA5E1',
tooltipBackgroundColor: 'a2cbfa',
tooltipPadding: '10',
tooltipAnimate: true
});
网站地址:http://git.aaronlumsden.com/progression/
GitHub:https://github.com/aarondo/progression.js
Progression.js
官方网站：http://git.aaronlumsden.com/progression/
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。