Spisie treści
W nowoczesnych witrynach internetowych istnieją różne elementy, które mają różne funkcjonalności i sprawiają, że określone zadania na stronie są proste, a jeszcze bardziej efektowne i przyjemne dla oka, dzięki czemu nawigacja po witrynie i użyteczność zapewniana użytkownikowi są niezwykle optymalne.Paski postępu
Paski postępu są odpowiedzialne za pokazywanie postępu zadania, takiego jak przesyłanie lub przesyłanie plików, przesyłanie informacji itp.
Metoda paska postępu ()
Metoda pasek postępu () deklaruje, że element HTML należy nim zarządzać i traktować w formie paska postępu. Jego opcje to obiekt, który określa jego zachowanie i wygląd.
Metoda pasek postępu () można go używać na dwa sposoby:
• $ (selektor, kontekst) .progressbar (opcje)
• $ (selektor, kontekst) .progressbar („akcja”, parametry)
Zobaczmy przykład jego użycia:
- Najpierw dołączamy niezbędne pliki, biblioteki jQuery tak dobrze jak CSS:
- Dodajemy kilka stylów etykiet i paska jako takich:
- Tworzymy instancję naszej metody pasek postępu () Powiążemy go z kontenerem i dodatkowo dodamy kilka zdarzeń, aby wykryć, kiedy trwa przesyłanie lub przesyłanie i wreszcie, kiedy zostało zakończone:
- Na koniec dodajemy nasz kod HTML i etykiety gdzie będzie wyświetlany nasz pasek postępu:
Ładowanie…
Implementacja naszego kodu wyglądałaby w przeglądarce tak:
Pasek postępu jQuery UI - Etykieta niestandardowa
href = "http://code.jquery.c… /jquery-ui.css" />
Ładowanie…
Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt
