Rosnący pasek postępu podczas przewijania strony internetowej to często mało widoczna animacja.
Dzięki niej możemy zobaczyć, w którym miejscu witryny aktualnie się znajdujemy – na początku, środku czy może na końcu. Pasek będzie pokazywał w tedy inną wartoś w postaci ładowania.
Oczywiście nie każdy pasek musi wyglądać jak zwykła linia lub poziomy wąski pasek. W praktyce może przybrać dowolny wygląd.
Przykłady
SVG Circular Scroll Progress Bar
by Kyle Foster
Oryginalny pasek ładujący się wokół obrazka.
Scrolling progress bar
autor biquet
Pasek postępu przewijania strony przypominający termometr. Tym razem nie znajduje się u góry strony, ale z boku tekstu.
Reading progress scroll indicator
autor Allison Richmond
Pasek postępu pokazuje nam w jakim miejscu na stronie obecnie się znajdujemy. W tym przypadku pasek umieszczony jest u góry strony.
orizontal Scroll Progress Bar
autor Ali Klein
Scroll Progress Bar
autor Jake
Tym razem nie tylko będziemy tworzyć pasek postępu ale również zmieniać kolor tła podczas przewijania strony.
Dodatkowe tagi
Ile do końca wpisu? Pasek postępu czytania
w którym miejscu w artykule jestem się znajduje
pasek postępu we wskazanym przez nas położeniu
przykładowy, przykłady pasku pasków postępu
Pasek postępu, który rozszerza się podczas przewijania strony internetowej