Индикатор прокрутки страницы

Честно сказать, я не встречал такие индикаторы на сайтах, но в теории его можно использовать на очень больших страницах, чтобы видеть процент прочитанного. Или же применять в каком-то творчестве, заменяя им стандартную прокрутку, как в этом примере.

Пример данного индикатора можно увидеть внизу этой страницы или этой (без скроллбара).

0%

HTML:

CSS:

JavaScript:

Найдено на codepen.io у пользователя Amadou Oury Diallo

Смотрите также:

Добавить комментарий:

Ваш комментарий отправлен!

Комментарии:

  • Сергей:

    На телефоне доходит только до 99% максимум. А на компе все нормально

    Ответить
  • Миша:

    Спасибо большое, очень классный индикатор! 😀

    Ответить
  • Сергей:

    на какие версии js это скрипты ) просто некоторые у меня не работают на сайте локальном

    Ответить
    • Alexander:

      Версии чего? 🙂
      У JS нет версий, у jQuery есть, но данный код без этой библиотеки.

      Ответить
  • Дмитрий:

    Благодарю за этот крутой индикатор прокрутки страницы. Полезная вещь, добавил на сайт.

    Ответить
  • nexta:

    Классный индикатор 😉

    Ответить