Voortgangsstappen toevoegen aan formulieren met deze plug-in voor jQuery

De meesten van ons weten over voortgangsbalken en hoe deze werken in UI-ontwerp. Ze helpen pageloadtijden definiëren, formulieren uploaden en vergelijkbare vertragingsperioden tussen pagina's.

Maar voortgangsstappen zijn een beetje anders. Deze werken als broodkruimels bovenaan de pagina om gebruikers stapsgewijs te begeleiden (meestal aanmeldings- en betalingsformulieren).

Met jQuery Steps kan dat voeg snel aangepaste voortgangsstappen toe aan elke pagina van uw site.

De volledige plug-in draait op jQuery en wordt gratis vrijgegeven op GitHub.

Je kunt deze uitvoeren voortgangsstappen als functies met meerdere pagina's die de bezoeker door verschillende pagina's op uw site leiden. Of je kunt dit als een Ajax-stap uitvoeren die de gebruiker beweegt via dezelfde pagina met dynamische formuliervelden.

In de plugin-opties vindt u instellingen voor het wijzigen van de “begin” knoppen voor positie, footer, knoppen vooruit / achteruit en nog veel meer.

Er zijn ook nogal wat evenementen die u kunt targeten met uw eigen aangepaste callback-functies wanneer de gebruiker de voortgangsstap vooruit gaat of wanneer de gebruiker het einde bereikt.

Alles bij elkaar genomen, dit is een vrij nieuwe plugin dus heeft niet veel opties om uit te kiezen. Maar het is absoluut een van de beste plug-ins die u kunt vinden voor het maken van deze aangepaste voortgangsstapfuncties.

Let op: browserondersteuning is meestal beperkt tot moderne browsers en voor Microsoft-browsers is dit alleen in IE 11 getest. Als u oudere browsers wilt ondersteunen, moet u zelf testen of proberen aangepaste terugvalmethoden om oudere gebruikers te behandelen.

Zeker een van de gemakkelijkste voortgangsstappeplugins die ik ooit heb gezien en het zou ook leuk moeten zijn met andere jQuery-plug-ins.

Bekijk snel de startpagina voor een live demo samen met de aangepaste JS-opties en een downloadknop om zelf een kopie van de code te maken.