Как на сайте сделать полосу загрузки как у youtube?

Question

[Богдан Кучерук]

При переходе на другую страницу youtube сверху появляется красная полоса загрузки. Что это и как такое можно сделать?

Comments

[VolgaVolga]

Linear Progress называется. В каждой второй UI-библиотеке.

[Богдан Кучерук]

VolgaVolga, а как можно чекать загрузку и отображать его как на youtube?

[Богдан Кучерук]

VolgaVolga, а где взять progress который чекает загрузку?

[VolgaVolga]

Богдан Кучерук, Да не чекает он ничего. Просто линейное или нелинейное увеличение длины полосы.

[Богдан Кучерук]

VolgaVolga, типа заскриптованная полоска просто и всё?

[Богдан Кучерук]

Здесь похожая, только синяя. Как такое можно сделать?

[Александр]

Богдан Кучерук, Nprogress.js

Answer 1

[вовчек]

Progress bar, они есть почти во всех UI-библиотеках, например:
https://ant.design/components/progress

Comments

[Богдан Кучерук]

я понял, а как можно чекать загрузку и отображать его как на youtube?

[вовчек]

Богдан Кучерук, ты должен отлавливать при запросе процент загрузки, и передавать его уже туда, куда тебе нужно

[Богдан Кучерук]

вовчек, спасибо

[godsplan]

вовчек,

отлавливать при запросе процент загрузки,

поделишься решением?)

[VolgaVolga]

godsplane, Типа того, наверное.