.design .design

Conseils et indice de progression en temps réel dans les formulaires

.design
.design

Progression.js est un plugin jQuery qui donne des conseils en temps réel aux utilisateurs et indique leur progression lors du remplissage des champs d’un formulaire.

Tout ce que vous avez à faire est de donner à votre formulaire un ID unique. Ensuite, vous devrez ajouter un attribut de données data-progression à chaque élément qui doit être une étape dans la progression du formulaire. Vous devrez également spécifier un attribut de données data-helper si vous souhaitez ajouter un texte d’aide au sein du tooltip.

Vous pouvez personnaliser l’ensemble des éléments du tooltip : apparence, animation, typographie, etc.

Ce plugin requiert l’utilisation du framework jQuery.

Démo Progression.js

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer