Legg til fremskritt til skjemaer med dette jQuery-plugin

De fleste av oss vet om fremdriftslinjer og hvordan disse fungerer i brukergrensesnitt. De bidrar til å definere pageload-tider, laste opp skjemaer og lignende forsinkelsesperioder mellom sider.

Men fremgangstrinnene er litt forskjellige. Disse fungerer som breadcrumbs øverst på siden for å veilede brukere gjennom en trinnvis prosess (vanligvis registrerings- og betalingsformularer).

Med jQuery-trinn kan du raskt legge til tilpassede fremgangstrinn på en hvilken som helst side på nettstedet ditt.

Hele plugin kjøres på jQuery, og det er utgitt gratis på GitHub.

Du kan kjøre disse fremgangstrinnene som flersidede funksjoner som veileder besøkende gjennom forskjellige sider på nettstedet ditt. Eller du kan kjøre dette som et Ajax-trinn som beveger brukeren gjennom samme side med dynamiske skjemafelter.

I plugin-alternativene finner du innstillinger for å endre startposisjon, bunntekstknapper, frem / tilbake knapper og mye mer.

Det er også ganske mange hendelser du kan målrette med dine egne tilpassede tilbakeringingsfunksjoner når brukeren forløper fremgangstrinnet, eller når brukeren når slutten.

Alt i betraktning, dette er et ganske nytt plugin, slik at det ikke har massevis av alternativer å velge mellom . Men det er definitivt en av de beste pluginene du finner for å skape disse tilpassede fremgangstrinnsfunksjonene.

Bare vær oppmerksom på at nettleserstøtten for det meste er begrenset til moderne nettlesere, og for Microsoft-nettlesere, har dette bare blitt testet i IE 11. Hvis du ønsker å støtte eldre nettlesere, må du gjøre noen tester på egen hånd, eller prøve å bygge egendefinert fallback metoder for å håndtere eldre brukere.

Absolutt et av de enkleste trinnene i trinn jeg har sett, og det skal spille fint med andre jQuery-plugins også.

Ta en rask titt på hjemmesiden for en live demo sammen med de tilpassede JS-alternativene og en nedlastningsknapp for å trekke en kopi av koden for deg selv.