Dodawanie paska postępu.

Otrzymujesz kolorowy pasek z etykietą, który na pierwszy rzut oka pokazuje, jak daleko coś zaszło. Użyj go do statusu projektu, celów zbiórki, postępu kursu albo poziomu umiejętności.

Dodaj pasek postępu

Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. Twoja pierwsza strona przedstawia podstawy.

1. Najedź na kolumnę i kliknij + na jej pasku sterowania albo kliknij Add Elements na pustej stronie. Otwórz zakładkę Treść i kliknij pasek postępu. Pasek pojawi się na górze kolumny i otworzy się okno ustawień.
2. Wpisz etykietę paska, na przykład „Website redesign”.
3. Przeciągnij postęp, aby ustawić wypełnienie paska, albo wpisz wartość w polu obok suwaka. Tutaj wybieramy 73 procent.
4. Wybierz Front color wypełnionej części z palety.
5. Niżej w tym samym oknie wybierz, czy pasek ma paski. Tutaj zaznaczamy Add striped pattern to bar.
6. Kliknij Zapisz w oknie dialogowym. Następnie kliknij Zapisz na pasku narzędzi u góry obszaru treści, aby zapisać stronę.

Co widzisz

Pasek z twoją etykietą wypełnia się do ustawionej wartości, w wybranym kolorze. Etykieta siedzi w wypełnionej części. Na filmie pasek w paski pokazuje napis Website redesign i wypełnia 73% toru. Odwiedzający zobaczą go po zapisaniu i opublikowaniu strony.

Skonfiguruj pasek postępu

Najedź na element i otwórz More > Settings na jego pasku sterowania. Opcje:

• Etykieta: tekst na pasku. Możesz też kliknąć etykietę na stronie i edytować ją tam.
• Postęp: wypełnienie paska, od 0 do 100 procent. Domyślnie 50.
• Wysokość paska: wysokość paska w pikselach. Domyślnie 45.
• Back color: kolor pustego toru.
• Front color: kolor wypełnionej części.
• Animacja wzrostu: domyślnie wyłączona. Gdy włączona, pasek startuje pusty i wypełnia się, gdy połowa znajdzie się w widoku.
• Paski: Add striped pattern to bar dodaje ukośne paski. Animate stripes (requires striped pattern) wprawia je w ruch.

Jeśli go nie widać

• Pasek postępu nie występuje w zakładce Treść. Twój profil użytkownika go ukrywa. Poproś administratora o włączenie go na stronie Profile użytkowników.
• Zniknął po przeładowaniu. Strona nie została zapisana. Dodaj go ponownie i kliknij Zapisz na pasku narzędzi u góry obszaru treści.
• Pasek wygląda na pusty. Postęp to 0 albo Animacja wzrostu jest włączona, a pasek nie jest jeszcze w połowie w widoku. Przewiń do paska albo najedź na element i otwórz More > Settings, aby podnieść Postęp.
• Brak pasków albo się nie ruszają. Add striped pattern to bar nie jest zaznaczone, a Animate stripes (requires striped pattern) go potrzebuje. Zaznacz Add striped pattern to bar w sekcji Paski.
• Wypełniona część zlewa się z torem. Front color i Back color są zbyt podobne. Wybierz ciemniejszy Front color albo jaśniejszy Back color.

Co dalej?

Panel Styl, aby zmienić odstępy i tło paska postępu.