Pievienojiet progresa soļus veidlapām ar šo jQuery spraudni

Lielākā daļa no mums zina par progresa joslām un to, kā šie darbi darbojas UI dizainā. Viņi palīdz definēt pagatavošanas laiku, augšupielādes veidlapas un līdzīgus kavēšanās periodus starp lapām.

Bet progresa soļi nedaudz atšķiras. Šīs lapas darbojas kā rīvmaiņas lapas augšpusē, lai palīdzētu lietotājiem veikt soli pa solim (parasti reģistrēšanās un izrakstīšanās formas).

Ar jQuery soļiem jūs varat ātri pievienojiet pielāgotus progresa soļus uz jebkuru lapu jūsu vietnes.

Viss spraudnis darbojas uz jQuery, un tas tiek izlaists bez maksas GitHub.

Jūs varat tos palaist progresa soļi kā vairāku lappušu funkcijas kas vada apmeklētāju caur dažādām vietnes lapām. Vai arī jūs varat palaist to kā Ajax soli, kas pārvieto lietotāju caur to pašu lapu ar dinamiskiem veidlapu laukiem.

Spraudņa opcijās jūs atradīsiet iestatījumus, lai mainītu “sākt” pozīcijas, kājenes pogas, pogas uz priekšu / atpakaļ un vēl daudz vairāk.

Ir arī diezgan daudz notikumu, kurus varat atlasīt ar savām pielāgotajām atzvanīšanas funkcijām, kad lietotājs veic progresa soli vai kad lietotājs sasniedz beigu posmu.

Visi apsvērumi, tas ir diezgan jauns spraudnis tā nav daudz iespēju, no kurām izvēlēties. Bet tas noteikti ir viens no labākajiem spraudņiem, ko atradīsiet, lai izveidotu šīs pielāgotās progresa soļu funkcijas.

Vienkārši ņemiet vērā: pārlūkprogrammas atbalsts pārsvarā attiecas tikai uz mūsdienīgām pārlūkprogrammām, un Microsoft pārlūkprogrammām tas ir pārbaudīts tikai IE 11. Ja jūs meklējat atbalstu vecākām pārlūkprogrammām, jums būs jāveic dažas pārbaudes, vai mēģiniet veidot pielāgotu alternatīvas metodes, lai apstrādātu mantotos lietotājus.

Protams, viens no vienkāršākie progresa soli, ko esmu redzējis un tai vajadzētu spēlēt jauku ar citiem jQuery spraudņiem.

Veikt ātru ieskatu mājas lapā, kur var demonstrēt tiešraidi, kā arī pielāgotās JS opcijas un lejupielādes pogu, lai sevis izvilktu koda kopiju.