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({
toolt ipw idth: '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/
如果觉得 网站内容还不错，欢迎将 网站 推荐给程序员好友。