Adăugați pași de progres la formulare cu acest plugin jQuery

Cei mai mulți dintre noi știu despre barele de progres și cum funcționează acestea în designul UI. Îi ajută definiți paginile de încărcare, încărcați formulare și perioade similare de întârziere între pagini.

Dar pașii de progres sunt puțin diferite. Acestea funcționează ca pescăruși în partea de sus a paginii pentru a ghida utilizatorii printr-un proces pas cu pas (de obicei, formularele de înscriere și checkout).

Cu pașii jQuery puteți adăugați rapid pașii progresului personalizat pe orice pagină de pe site-ul dvs..

Întreg plugin-ul rulează pe jQuery și este lansat gratuit pe GitHub.

Puteți rula aceste pașii de progres ca funcții pe mai multe pagini care ghidează vizitatorul prin diferite pagini de pe site-ul dvs. Sau puteți rula acest lucru ca un pas Ajax care mișcă utilizatorul prin aceeași pagină cu câmpuri de formă dinamică.

În opțiunile pluginului, veți găsi setări pentru schimbarea “start” poziția, butoanele footerului, butoanele înainte / înapoi și multe altele.

Există, de asemenea, destul de multe evenimente pe care le puteți viza cu propriile funcții personalizate de apel invers ori de câte ori utilizatorul avansează pasul de progres sau ori de câte ori utilizatorul ajunge la sfârșit.

Toate lucrurile luate în considerare, acesta este un plugin destul de nou așa că nu are o multime de optiuni pentru a alege de la. Dar este cu siguranta unul dintre cele mai bune plug-in-uri pe care le veti gasi pentru a crea aceste caracteristici personalizate pentru pasul progresului.

Doar notă: suportul pentru browser este în mare parte limitat la browserele moderne, iar pentru browserele Microsoft acest lucru a fost testat doar în IE 11. Dacă doriți să sprijiniți browserele mai vechi, va trebui să faceți niște teste pe cont propriu sau să încercați să creați personalizate metode alternative pentru a gestiona utilizatorii vechi.

Desigur, unul dintre cele mai ușoare plug-uri de progres pe care le-am văzut vreodată și ar trebui să joace frumos și cu alte pluginuri jQuery.

Aruncați o privire rapidă la pagina de pornire pentru o demonstrație live împreună cu opțiunile personalizate JS și un buton de descărcare pentru a extrage o copie a codului pentru tine.