Dodaj kroki postępu do formularzy za pomocą tej wtyczki jQuery

Większość z nas wie o paskach postępu io tym, jak działają w projekcie interfejsu użytkownika. Pomagają określ czasy ładowania stron, formularze przesyłania i podobne okresy opóźnienia między stronami.

Ale kroki postępu są trochę inne. Działają one jak bułka z masłem na górze strony, aby poprowadzić użytkowników przez proces krok po kroku (zazwyczaj formularze rejestracji i kasy).

Z jQuery Steps możesz szybko dodawaj własne kroki postępu na dowolnej stronie Twojej witryny.

Cała wtyczka działa na jQuery i jest dostępna za darmo na GitHub.

Możesz je uruchomić kroki postępu jako funkcje wielostronicowe które prowadzą użytkownika przez różne strony w witrynie. Lub możesz uruchomić to jak krok Ajax, który przenosi użytkownika przez tę samą stronę z dynamicznymi polami formularza.

W opcjach wtyczki znajdziesz ustawienia do zmiany “początek” pozycja, przyciski stopki, przyciski do przodu / do tyłu i wiele więcej.

Istnieje również kilka zdarzeń, na które możesz kierować za pomocą własnych niestandardowych funkcji zwrotnych za każdym razem, gdy użytkownik przesunie krok postępu lub gdy użytkownik osiągnie koniec.

Biorąc wszystko pod uwagę, jest to dość nowa wtyczka nie ma mnóstwo opcji do wyboru. Jest to jednak zdecydowanie jedna z najlepszych wtyczek, które znajdziesz w tworzeniu tych niestandardowych funkcji kroku postępu.

Uwaga: obsługa przeglądarek jest głównie ograniczona do nowoczesnych przeglądarek, a dla przeglądarek Microsoftu została przetestowana tylko w IE 11. Jeśli szukasz obsługi starszych przeglądarek, musisz samodzielnie przeprowadzić testy lub spróbować zbudować niestandardowe metody awaryjne do obsługi starszych użytkowników.

Z pewnością jeden z najprostsze wtyczki do kroku postępu, jakie kiedykolwiek widziałem i powinien też dobrze grać z innymi wtyczkami jQuery.

Rzuć okiem na stronę główną, aby zobaczyć demo na żywo wraz z niestandardowymi opcjami JS i przyciskiem pobierania, aby pobrać kopię kodu dla siebie.