Progression.js – Progress Feedback For Forms

Leave a comment

Progression.js is a jQuery plugin that gives users real time hints & progress updates as they complete forms.

You must give your form a unique ID. You then need to add a data attribute of data-progression to each element that needs to be a step in the form progression.

The helper text for the tooltip can be set by adding data-helper to the element. This is demonstrated below:

<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>

Once you have created your form you will need to initiate the plugin and you have many options for this.

Related Resources
May 22, 2014
Boxy App

MagicSuggest is a multiple selection combobox for Bootstrap themes. Features: Tag ...

Jan 7, 2014
Boxy App

Minimalect is a minimal select replacement for jQuery. Features: Available options:

Jan 3, 2014
Boxy App

jQuery Selectbox is  a styleable replacement for SELECT elements. Features

Oct 3, 2013
Boxy App

The jQuery Form Plugin allows you to easily and unobtrusively upgrade ...

x
Please follow us

آبسردکن

یخچال صنعتی

ترازو

پکیج

آبکاری کروم

دکل مهاری