Направите прилагођене прилагођене траке напретка са ПрогрессБар.јс
Траке напретка су широко познати већини корисника на вебу. За програмере, то је често компликован процес креирајте траку напретка од нуле. Али са ПрогрессБар.јс не мораш!
Ова бесплатна библиотека отвореног кода нема зависности и подржава све главне прегледнике, укључујући ИЕ9+.
Подразумевано можете користите једноставан бар, или можете изаберите од неколико основних облика, као такав:
- Једна линија
- Полукружно
- Пун круг
- Квадрат
- Триангле
Можете и дизајнирати властите прилагођене облике као што су срце, облак, или чак и натпис логотипа вашег веб сајта. Наравно, ово ће потрајати, али крајњи резултат може бити невероватан.
Библиотека ради на СВГ путањама, па ако можете Изградите оцртани облик помоћу СВГ ознаке можете анимате ит са овом библиотеком траке напретка.
Анимације такође могу укључи текст или имају прилагођене старт / стоп обрасце. Пун АПИ има више детаља са опцијама / повратним позивима које можете прочитати у своје слободно време.
ПрогрессБар.јс такође има мали упутство за инсталацију где можеш преузмите и поставите скрипту користећи Бовер, нпм или поједностављену ГитХуб страницу.
А ако направите нешто цоол можете пошаљите свој код у ГитХуб репо. Креатор пројекта, Киммо Брунфелдт има отворите ГитХуб издање где можеш субмит цустом десигнс да се укључи у библиотеку.
Можете додајте анимиране траке напретка да пријавите странице, поља за учитавање или било коју веб страницу као прелоадер. Опције су само ограничене како детаљно вољни сте.
На пример, ја волим демо показивач јачине лозинке служи правој сврси и користи кориснику. Овај пример долази упакован са додатком, тако да можете да копирате ово и да га модификујете по свом укусу.
Видети још примера, погледајте почетну страницу ПрогрессБар.јс или завирите у ову гусарску представу анимације срца.