Ajouter des étapes de progression aux formulaires avec ce plugin jQuery

La plupart d'entre nous connaissent les barres de progression et leur fonctionnement dans la conception de l'interface utilisateur. Ils aident à définir les temps de pageload, télécharger des formulaires et des délais similaires entre les pages.

Mais les étapes de progrès sont un peu différentes. Ceux-ci fonctionnent comme des miettes de pain en haut de la page pour guider les utilisateurs à travers un processus étape par étape (généralement les formulaires d'inscription et de paiement).

Avec jQuery Steps, vous pouvez rapidement ajouter des étapes de progression personnalisées sur n'importe quelle page de votre site.

Le plugin entier fonctionne sur jQuery et il est publié gratuitement sur GitHub.

Vous pouvez exécuter ces étapes de progression en tant que fonctionnalités de plusieurs pages qui guident le visiteur à travers différentes pages de votre site. Ou vous pouvez l'exécuter comme une étape Ajax qui déplace l'utilisateur à travers la même page avec des champs de formulaire dynamiques.

Dans les options du plugin, vous trouverez des paramètres pour changer la position "start", les boutons de pied de page, les boutons avant / arrière, et bien plus encore.

Il existe également un certain nombre d'événements que vous pouvez cibler avec vos propres fonctions de rappel personnalisées chaque fois que l'utilisateur avance l'étape de progression ou chaque fois que l'utilisateur atteint la fin.

Tout bien considéré, il s'agit d'un plugin assez nouveau, il n'a donc pas une tonne d'options à choisir . Mais c'est certainement l'un des meilleurs plugins que vous trouverez pour créer ces fonctionnalités personnalisées.

Notez simplement que la prise en charge des navigateurs est limitée aux navigateurs modernes. Pour les navigateurs Microsoft, cela n'a été testé que dans IE 11. Si vous souhaitez prendre en charge les navigateurs plus anciens, vous devrez effectuer des tests vous-même ou essayer de créer des applications personnalisées. méthodes de secours pour gérer les utilisateurs hérités.

Certainement l'un des plugins d'étape de progrès les plus faciles que j'ai jamais vus et il devrait jouer bien avec d'autres plugins de jQuery aussi.

Jetez un coup d'œil à la page d'accueil pour une démonstration en direct avec les options JS personnalisées et un bouton de téléchargement pour tirer une copie du code pour vous-même.