Lägg till Progress Steg till formulär med detta jQuery-plugin

De flesta av oss vet om framstegsfält och hur dessa fungerar i UI-design. De hjälper till definiera pageload gånger, ladda upp formulär och liknande förseningstider mellan sidor.

Men framsteg steg är lite annorlunda. Dessa fungerar som brödsmulor högst upp på sidan för att styra användarna genom en steg-för-steg-process (vanligtvis registrerings- och utbetalningsformulär).

Med jQuery-steg kan du Lägg snabbt till anpassade steg på alla sidor av din webbplats.

Hela plugin körs på jQuery och det släpps gratis på GitHub.

Du kan köra dessa framsteg som flersidiga funktioner som guidar besökaren genom olika sidor på din webbplats. Eller så kan du köra detta som ett Ajax-steg som flyttar användaren genom samma sida med dynamiska formulärfält.

I pluginalternativen hittar du inställningar för att ändra “Start” position, sidfot, knappar framåt / bakåt, och mycket mer.

Det finns också en hel del händelser som du kan rikta in med dina egna anpassade återuppringningsfunktioner när användaren förflyttar framstegssteget eller när användaren når slutet.

Allting är detta en ganska ny plugin så det har inte massor av alternativ att välja från. Men det är definitivt en av de bästa plugins du hittar för att skapa dessa anpassade steg för steg.

Observera: webbläsarstöd är mestadels begränsat till moderna webbläsare och för Microsoft-webbläsare har detta bara testats i IE 11. Om du vill stödja äldre webbläsare behöver du själv göra några test eller försöka bygga egna fallback metoder för att hantera äldre användare.

Visst en av enklaste framsteg steg plugins jag någonsin har sett och det ska spela bra med andra jQuery-plugins också.

Ta en snabb titt på hemsidan för en live demo tillsammans med de anpassade JS-alternativen och en nedladdningsknapp för att ta en kopia av koden själv.