Как с помощью js реализовать прогресс бар при прокрутке элемента «div»?

Question

[Boris2222]

Допустим есть страница,на которой прокручивается не элемент "body" , а определенный "div",каким образом можно реализовать горизонтальный прогресс бар при скролле?Я использовал разные библиотеки,но они не помогали так как вычисляли позицию скролла через "body".

Comments

[Николай]

Здесь не нужны разные библиотеки, здесь нужна математика за 6-ой класс.
х_Х

Answer 1

[riot26]

https://jsfiddle.net/riot26/4ocnk8n6/

Comments

[ajlhimik]

круто, я предпологал что есть такое на не знал че писать в гугле
а можете подсказать где найти вот это на русском https://www.w3schools.com/jsref/dom_obj_all.asp

[riot26]

ajlhimik, https://developer.mozilla.org/ru/docs/Web/API/Element

[riot26]

ajlhimik, но английский всё же нужно выучить, если есть желание заниматься разработкой

Answer 2

[ajlhimik]

или сам сделай, чтобы жизнь медом не казалось
.scrollTop()
Returns: Integer
Получает значение отступа прокрутки слева для первого элемента в наборе.

.scrollTop(Value)
Returns: jQuery
Устанавливает значение отступа прокрутки слева для всех элементов набора.
ось оттудо взято https://ruseller.com/jquery.php?id=57
ну и css про тожэ :D : htmlbook.ru/blog/polzovatelskie-skrollbary-v-webkit