Креирајте бар Материјал Прогресс Бар Једноставно са Мпрогресс.јс
Нема сумње да је Гоогле дизајн материјала је радикално променио мрежу. Она нуди а заједнички језик дизајна које дизајнери корисничког сучеља могу примијенити на све веб-локације и мобилне апликације.
Овај тренд обликовања материјала довео је до многих библиотека, укључујући и популарни оквир Материалисе. И један од најзгоднији нови материјални пројекти Нашао сам Мпрогресс.јс.
Ова ЈаваСцрипт библиотека генерише а трака напретка у стилу материјала користећи чисти ЦСС и ЈаваСцрипт. Нема зависности, без бесмислица. Једноставно учитавање (и предоптерећење) са изгледом дизајна материјала који ће одговарати сваком веб сајту или веб апликацији.
Подешавање је прилично једноставно захтева само два фајла: ЦСС и ЈС скрипт од Мпрогресс.
Можете довнлоад ботх од ГитХуб репо или користите менаџера пакета као што је нпм или Бовер. Одатле, морате направите нови Мпрогресс објект и реците му да покрене утоваривач.
То се може урадити дословно једну линију кода:
вар мпрогресс = нови Мпрогресс ('старт'); Отхер пропертиес може се применити за промену времена анимације, брзине или боје приказа траке напретка. Ова конфигурација вам чак дозвољава креирајте прилагођене предлошке на основу стандардног стила дизајна материјала. Авесоме!
Завирите у демо паге да бисте видели овај пуњач у акцији. То није очаравајућа трака за учитавање, али нуди лепо решење без потребе за изградњом једног од нуле.
Можете покренути сличне методе комплет() до поставите проценат или инц () до повећајте траку за учитавање. Може се програмски обрадити да би се креирао ХТТП пуњач, али то захтева додатни рад у ЈаваСцрипту.
Лепота Мпрогресс.јс је његова једноставност. Не говори вам како да структуришете податке или шта треба да се учитава. Могло би бити учитавање странице, или би могло бити руковање учитавањем датотеке. Или може пратити колико је корисник склизнуо са врха странице.
Толико тога можете да урадите са овом библиотеком и са нула зависности можете га користити за било који веб пројекат. Да бисте почели, погледајте МПрогресс репо на ГитХуб-у где можете прегледавати документацију.
