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



پنل تلگرام

پنل اینستاگرام

پنل واتس آپ

پنل وایبر

پنل تلگرام

پنل واتس اپ

هواوی

خرید vpn

خرید vpn

خرید vpn

خريد فيلتر شكن