带完成百分比的jQuery表单插件

当前位置:主页 > jQuery库 > 表单 > 带完成百分比的jQuery表单插件
带完成百分比的jQuery表单插件
分享:

    插件介绍

    Progression.js是一个能够提示用户表单填写完成百分比进度的jQuery表单插件。这款jQuery表单插件十分人性化,而且界面美化的十分漂亮,设计简洁大方。

    浏览器兼容性

    浏览器兼容性
    时间:2014-10-27
    阅读:

简要教程

Progression这个jQuery表单插件能够十分友好的提示用户表单填写完成的百分比进度。

引入css和js文件

<link href='progression.css' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="progression.js"></script>
                

创建表单

必须给表单一个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>
                

更多信息:https://github.com/aarondo/progression.js