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

progression-formulaire-plugin-jquery

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

Par Guillaume Palayer Un chasseur-cueilleur et un curieux avant tout des dernières avancées du monde des Internets. Fondateur du Magazine du Webdesign, un blog-cerveau à propulsion humaine, ayant pour mission de faire le tri dans le bruit du Web afin de proposer les meilleurs contenus à la communauté du Magazine du Webdesign.

Inscrivez-vous à la newsletter du Magazine du Webdesign

Inscrivez-vous à notre newsletter afin de recevoir chaque mois une sélection des meilleurs articles et ressources.

Designmodo Shop

Commentaire (1)

  1. Ping : Conseils et indice de progression en temps r&ea...

Laisser un commentaire

Yep, vous souhaitez poster un commentaire... complétez les trois champs ci-dessous. Pas de spams, protégeons les Internets.

*

You may use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

↑ Haut de page