Я нашел этот пример прогресса чтения на странице AMP на этой ручке
Код
<amp-position-observer
intersection-ratios="0"
viewport-margins=100vh
on="scroll:pogressAnimation.seekTo(percent=event.percent)"
layout="nodisplay"
></amp-position-observer>
Он использует 100vh
для вычисления неверно, потому что вРеальный веб-сайт, у нас есть заголовок, боковая панель, нижний колонтитул и некоторые другие элементы, это увеличит высоту веб-сайта.элемент, затем используйте элемент <progress>
или <amp-position-observer>
для запуска.
Спасибо за помощь!