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 chargement des pages, les formulaires de téléchargement et les délais similaires entre les pages.
Mais étapes de progrès sont un peu différents. Ceux-ci fonctionnent comme des miettes de pain en haut de la page pour guider les utilisateurs tout au long d'un processus étape par étape (généralement des formulaires d'inscription et de commande)..
Avec jQuery Steps, vous pouvez ajouter rapidement des étapes de progression personnalisées sur n'importe quelle page de votre site.
L'ensemble du plugin fonctionne sur jQuery et il est publié gratuitement sur GitHub.
Vous pouvez exécuter ces étapes de progrès en tant que fonctionnalités multi-pages qui guident le visiteur à travers différentes pages de votre site. Ou vous pouvez exécuter cela comme une étape Ajax qui déplace l'utilisateur à travers la même page avec des champs de formulaire dynamiques.
Dans les options du plug-in, vous trouverez les paramètres permettant de modifier la “début” position, boutons de pied de page, boutons avant / arrière et beaucoup plus.
Il existe également de nombreux événements que vous pouvez cibler avec vos propres fonctions de rappel personnalisées chaque fois que l'utilisateur avance, ou chaque fois que l'utilisateur atteint la fin..
Tout bien considéré, il s'agit d'un plugin relativement nouveau n'a pas une tonne d'options à choisir. Mais c'est certainement l'un des meilleurs plugins que vous trouverez pour créer ces fonctionnalités d'étape de progression personnalisées.
Remarque: la prise en charge des navigateurs est principalement limitée aux navigateurs modernes et, pour les navigateurs Microsoft, elle n’a été testée que dans IE 11. Si vous envisagez de prendre en charge des navigateurs plus anciens, vous devez faire des tests par vous-même ou essayer de méthodes de secours pour gérer les utilisateurs hérités.
Certainement l'un des étapes de progression les plus faciles que j'ai jamais vu et il devrait aussi bien jouer avec les autres plugins jQuery.
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 extraire une copie du code par vous-même..
