Добавете стъпки за напредък към формуляри с този плъгин jQuery

Повечето от нас знаят за баровете за напредъка и как те работят в дизайна на потребителския интерфейс. Те помагат дефиниране на времето за зареждане, формите за качване и подобни периоди на забавяне между страници.

Но стъпки за напредък са малко по-различни. Те работят като галерии в горната част на страницата, за да насочват потребителите чрез процес стъпка по стъпка (обикновено формуляри за регистрация и плащане).

С jQuery Steps можете бързо добавете потребителски стъпки за напредък на всяка страница на вашия сайт.

Целият плъгин работи на jQuery и е пуснат безплатно в GitHub.

Можете да ги изпълните стъпки за напредък като функции на няколко страници които водят посетителя чрез различни страници на сайта Ви. Или можете да изпълните това като стъпка Ajax, която премества потребителя през същата страница с динамични формулярни полета.

В опциите на плъгина ще намерите настройки за промяна на “начало” позицията, бутоните на долния колонтитул, бутоните напред / назад и много повече.

Има и доста събития, които можете да насочите към собствените си функции за обратно извикване, когато потребителят напредва стъпката на напредъка или когато потребителят достигне края.

Като се има предвид всичко това, това е доста нов плъгин няма много опции за избор. Но определено е един от най-добрите плъгини, които ще намерите за създаване на тези персонализирани стъпки за напредък.

Само имайте предвид, че поддръжката на браузъра е ограничена главно до модерни браузъри, а за браузърите на Microsoft това е тествано само в IE 11. Ако искате да поддържате по-старите браузъри, ще трябва да направите самостоятелно тестване или да се опитате да създадете персонализиран резервни методи за управление на стари потребители.

Разбира се, един от най-лесните стъпки за напредък, които съм виждал и трябва да играе добре с други плъгини на jQuery.

Вземете бърз поглед към началната страница за демонстрация на живо заедно с персонализираните JS опции и бутон за изтегляне, за да извлечете копие от кода за себе си.