Народ, всем привет. Сегодня у нас тема больше для программистов, особенно начинающих. А именно, как можно стилизовать скролл. Кто не помнит, это такая полосочка прокрутки справа или слева страницы или любого блока. Причем стилизовать мы его будем не за счет каких-то плагинов, а по большей части, библиотек, UI-компонентов и прочего на JS, а просто за счет CSS. Вариантов там немного, но все же немного подправить стандартный «серый» скролл можно. Но, самое важно, что нужно понять – стилизовать скролл самой страницы не нужно, это считается плохим тоном, да и вообще, выглядит убого...

В этой статье я хочу рассказать как создать прогресс бар. Но для начала необходимо понять, что такое прогресс бар. Прогресс бар - это обычная линия, которая обычно располагается в самом верху сайта. Её ширина зависит от положения ползунка скролла. Если ползунок расположен по середине, то прогресс бар будет занимать половину ширины экрана. После того, как мы разобрались с тем, что такое прогресс бар, нам необходимо понять, как его сделать. Для создания прогресс бара нам необходимо хотя-бы минимальное знание HTML, CSS и JS...