7+ najlepszych wtyczek paska postępu dla WordPressa (2022)

Opublikowany: 2022-06-13

Korzystanie z pasków postępu to świetny sposób na wizualne przedstawienie danych. Są one powszechnie używane do udostępniania danych procentowych, takich jak status projektu lub postęp w zbiórce funduszy.

Jeśli chodzi o dodawanie pasków postępu w WordPress, wiele darmowych i premium wtyczek usprawnia proces konfigurowania pasków postępu.

Aby pomóc Ci wybrać odpowiednią wtyczkę, przygotowaliśmy listę 6 najlepszych wtyczek WordPress do paska postępu. Te wtyczki sprawią, że Twoja witryna będzie bardziej ekscytująca i pouczająca.

Najlepszy pasek postępu Wtyczki WordPress:

1. Pasek postępu i pasek umiejętności
2. Ostateczne bloki
3. Page Loader
4. Wykresy umiejętności WEN
5. Widżet paska postępu JetElements
6. Pasek postępu dla Elementora
7. Ultimeter
8. Paski postępu powiększania

Bez zbędnych ceregieli zagłębmy się w szczegóły tych wtyczek.

1. Pasek postępu i pasek umiejętności

Pasek postępu i pasek umiejętności zawiera dwa wspaniałe animowane projekty, które pokazują Twoje informacje w procentach. Wszystko, co musisz zrobić, to dodać odpowiednie wartości, wybrać konkretny projekt i gotowe.

Wtyczka ma narzędzie do przeciągania i upuszczania, które sprawia, że paski postępu są wysoce konfigurowalne. Możesz dodać pasek postępu w dowolnym miejscu, używając skrótu. Bary są w żywych i kolorowych kolorach, od razu przykuwając uwagę publiczności.

Zauważalne cechy :

Szybka i łatwa konfiguracja
Unikalne projekty
Działa ze wszystkimi motywami
Układ stylu wykresu (Pro)
Zaawansowane pola niestandardowe (Pro)

Próbny:

Cena :

Wtyczka ma darmową wersję na WordPress.org. Wersja pro zaczyna się od 8 USD za 1 witrynę.

2. Ostateczne bloki

Ultimate Blocks oferuje zarówno liniowe, jak i okrągłe paski postępu. Paski są dostępne w różnych kolorach i grubościach, idealne do wizualnego prezentowania danych.

Ma szybką i łatwą konfigurację. Paski są dość uproszczone, wymagają danych, koloru, stylu i pól tekstowych jako danych wejściowych. Każdy pasek ma efekt animacji, z kolorami wypełniającymi linię/okrąg podczas ładowania strony.

Ultimate Blocks oferuje również wiele innych bogatych w funkcje i przydatnych bloków dla Twoich potrzeb WordPress.

Zauważalne cechy:

Darmowa wtyczka
Żywe i jasne paski
Idealny dla nie-koderów
W pełni responsywne projekty
Dane wyświetlane w formie procentowej

Demo :

Cena £:

Jest to darmowa wtyczka dostępna w repozytorium WordPressa.

3. Page Loader

PageLoader to elegancka i stylowa wtyczka WordPress do wstępnego ładowania i paska postępu, stworzona, aby zadziwić odbiorców najnowocześniejszymi wrażeniami projektowymi. Działa na wszystkich motywach i urządzeniach.

Jego paski postępu można umieścić w dowolnym miejscu na ekranie, a nawet wypełnić cały ekran. Kolory i grubości prętów można dostosować. Każdy pasek posiada atrakcyjne animacje i przejścia.

Zauważalne cechy :

Profesjonalnie zaprojektowany
Opcje kolorów gradientu
Pasek postępu można wyłączyć
Wszystkie elementy poza paskiem można wykluczyć

Próbny:

Cena £:

Wtyczka będzie kosztować 26 USD przy 6 miesiącach wsparcia.

4. Wykresy umiejętności WEN

WEN Skill Charts zostało stworzone wyłącznie do projektowania doskonałych wykresów i pasków postępu. Jest wysoce konfigurowalny za pomocą pól tekstowych, kolorów i kształtów.

Ta wtyczka jest dostarczana z przyjaznym dla użytkownika panelem administracyjnym. Jest łatwy do śledzenia i edytowania, tworząc nowe słupki i wykresy kołowe w ciągu kilku minut.

Zauważalne cechy

Animowane wykresy umiejętności
Wyświetla procenty
Używa Shortcode do publikowania
Wiele kolorów w każdym pasku
Rozmiar i szerokość są regulowane

Demo :

Cena :

Jest to darmowa wtyczka dostępna na WordPress.org.

5. Widżet paska postępu JetElements

Widżet paska postępu JetElements pomaga dodać kreatywny pasek postępu do witryny Elementor. Funkcja „przeciągnij i upuść” umożliwia szybkie stylizowanie stron i dodawanie większej liczby elementów wizualizacji w celu lepszego dostarczania informacji.

Ten pasek postępu i widżet postępu koła zapewnia funkcje dostosowywania, dzięki czemu możesz dodać tło, tytuł, paski stylu, koła itp.

Zauważalne cechy :

Łatwy w użyciu
Wysoce konfigurowalny
Kompatybilny z Elementorem

Próbny:

Cena :

Wtyczka JetElements kosztuje 43 USD rocznie za 1 witrynę i zawiera 45 widżetów na pokładzie.

6. Pasek postępu dla Elementora

Ta wtyczka nie wymaga żadnego kodowania, jest idealna dla użytkowników Elementora. Jego paski postępu różnią się nieco od wyżej wymienionych, ponieważ niekoniecznie są w formacie procentowym. Mogą również być tam, aby po prostu pokazać użytkownikowi, ile treści przeczytał na stronie.

Dostępne są tutaj różne ekscytujące style układu, w tym koło, półokrąg, pudełko, linia i inne. Paski można dostosować zarówno do tła, jak i koloru wypełnienia. Można również regulować wysokość i szerokość.

Zauważalne cechy

Bary interaktywne
Idealny do statystyk
Gotowe układy
Interfejs przeciągnij i upuść
Bezproblemowe doświadczenie użytkownika

Demo :

Cena :

Ta wtyczka kosztuje 39 USD za jedną witrynę.

7. Ultimeter

Ultimeter posiada trzy rodzaje mierników lub pasków postępu. Jego wartości i jednostki można edytować, aby wizualnie zademonstrować swoje dane.

Może oznaczać kluczowe punkty w barach, wskazywać wyróżnione kamienie milowe i dodawać ekscytujące animacje uroczystości. Może zbierać dane z formularzy i wyświetlać je w formacie paska postępu, aby dopasować je do Twoich potrzeb. Możesz ustawić cele, do których powinny sięgać słupki po określonym punkcie – co jest idealne w przypadku przedsięwzięć pozyskiwania funduszy.

Zauważalne cechy

Krótkie paski wyświetlające kody
Bary można łatwo powielać
Nieskończone słupki i niestandardowe wartości
Śledzi i zbiera dane przez API
Wybór jednostek (waluta i procenty)
Integruje się z WooCommerce, Gravity Forms i GiveWP

Demo :

Cena :

Możesz pobrać tę wtyczkę za darmo z WordPress.org.

8. Paski postępu powiększania

Zoom Progress Bars oferuje świat personalizacji z w pełni responsywnym interfejsem. Ma doskonały kreator skórek, który pozwala budować i zapisywać tyle skórek, ile chcesz.

Obsługuje różne projekty pasków postępu, w tym pionowy pasek, okrągły pasek i wielokolorowy pasek. Masz pełną kontrolę nad czasem trwania animacji, numerem animacji i opcjami stylizacji. Jest kompatybilny ze wszystkimi głównymi przeglądarkami, w tym systemami Android i Apple.

Zauważalne cechy:

Mobilny responsywny
Grafika gotowa na siatkówkę
Obsługa wielu przeglądarek
Kreator skórek z podglądem na żywo
Wiele stylów pasków postępu

Próbny

Cena £

Wtyczka będzie kosztować 16 USD przy 6 miesiącach wsparcia.

Wniosek

W katalogu wtyczek WordPress znajduje się wiele wtyczek paska postępu WordPress. Istnieje jednak tylko kilka wtyczek paska postępu, które są na tyle praktyczne, że można je wykorzystać w standardowej witrynie WordPress.

Te wymienione tutaj są najlepszymi wtyczkami paska postępu WordPress, ponieważ zostały wybrane na podstawie popularności, kompatybilności i praktyczności.

Jeśli masz jakieś inne sugestie dotyczące wtyczki paska postępu, prosimy o komentarz poniżej. Chcielibyśmy usłyszeć od Ciebie!

Sprawdź również :

Najlepsze wtyczki WordPress do wizualizacji danych
Najlepsze wtyczki do animacji WordPress
Najlepsze wtyczki WordPress odliczający czas
Najlepsze wtyczki do stron docelowych WordPress
Najlepsze wtyczki do tworzenia stron WordPress
Jak dodać pasek postępu czytania w WordPressie