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