Lisää Progress-vaiheet lomakkeisiin, joissa on tämä jQuery-laajennus

Useimmat meistä tietävät etenemispalkista ja siitä, miten nämä toimivat UI-suunnittelussa. He auttavat määritä sivun latausajat, latausmuodot ja vastaavat viivejaksot sivujen välillä.

Mutta etenemisvaiheet ovat hieman erilaisia. Nämä toimivat kuten leivinlehdet sivun yläosassa, jotta käyttäjiä ohjataan vaiheittain (yleensä kirjautumis- ja kassalomakkeet).

JQuery Stepsin avulla voit lisätä nopeasti mukautettuja edistysvaiheita mihin tahansa sivuun sivustosi.

Koko plugin toimii jQueryllä ja se julkaistaan ​​ilmaiseksi GitHubissa.

Voit suorittaa nämä edistysvaiheet monisivuisten ominaisuuksien avulla jotka ohjaavat kävijää sivustosi eri sivujen kautta. Tai voit ajaa tämän kuten Ajax-vaiheen, joka siirtää käyttäjää samalla sivulla dynaamisilla lomakekentillä.

Plugin-asetuksissa on asetusten muuttamisen asetukset “alkaa” asento, alatunnisteiden painikkeet, eteenpäin / taaksepäin-painikkeet ja paljon muuta.

On myös olemassa muutamia tapahtumia, joihin voit kohdistaa omia muokattuja soittotoimintojasi aina, kun käyttäjä siirtyy etenemisvaiheeseen tai kun käyttäjä saavuttaa lopun.

Kaikki tämä on melko uusi laajennus ei ole tonnia vaihtoehtoja, joista voit valita. Mutta se on varmasti yksi parhaista lisäosista, jotka löydät näiden mukautettujen edistysvaiheiden ominaisuuksien luomiseen.

Huomaa: selaimen tuki rajoittuu enimmäkseen moderneihin selaimiin ja Microsoftin selaimiin tämä on testattu vain IE 11: ssä. Jos haluat tukea vanhempia selaimia, sinun täytyy tehdä joitakin testejä omalla tai yrittää rakentaa mukautettua varamenetelmät vanhojen käyttäjien käsittelemiseksi.

Varmasti yksi niistä helpoin edistysaskel plugins olen koskaan nähnyt ja sen pitäisi olla mukava muiden jQuery-laajennusten kanssa.

Katsokaa nopeasti live-esittelyn kotisivua sekä mukautettuja JS-asetuksia ja latauspainiketta, jos haluat vetää koodin kopion itsellesi.