{"id":1625,"date":"2022-11-02T11:13:04","date_gmt":"2022-11-02T11:13:04","guid":{"rendered":"https:\/\/blockons.com\/?post_type=documentation&p=1625"},"modified":"2022-11-02T11:14:58","modified_gmt":"2022-11-02T11:14:58","slug":"page-scroll-indicator","status":"publish","type":"documentation","link":"https:\/\/blockons.com\/documentation\/page-scroll-indicator\/","title":{"rendered":"Page Scroll Indicator"},"content":{"rendered":"\n

Whether it’s out of impatience or just laziness… When reading long blog posts or site pages, users enjoy knowing how much of the page they have consumed and how much there is left to go.<\/p>\n\n\n\n

This is why you’d want to add a Page Scroll Indicator (or page Scroll Progress Bar) to your WordPress website, and with the blockons plugin<\/a>, this has never been easier!<\/p>\n\n\n\n

<\/div>\n\n\n\n

Example:<\/h4>\n\n\n\n

To see an example, have a look at the top of this page (or any other page on blockons.com<\/a>) as you scroll further down the page.<\/p>\n\n\n\n

It’s the little progress bar that you see animate across the header as you scroll further and further down.<\/p>\n\n\n

\n
\"Page
Page Scroll Indicator | Scroll Progress Bar<\/figcaption><\/figure>\n<\/div>\n\n\n
<\/div>\n\n\n\n

It works really well for mobile too!<\/p>\n","protected":false},"excerpt":{"rendered":"

We recommend adding a page scroll indicator to your site because users enjoy knowing how much of the page they seen and how much is left<\/p>\n","protected":false},"featured_media":0,"template":"","docs":[56],"class_list":["post-1625","documentation","type-documentation","status-publish","hentry","docs-site-addons"],"_links":{"self":[{"href":"https:\/\/blockons.com\/wp-json\/wp\/v2\/documentation\/1625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blockons.com\/wp-json\/wp\/v2\/documentation"}],"about":[{"href":"https:\/\/blockons.com\/wp-json\/wp\/v2\/types\/documentation"}],"wp:attachment":[{"href":"https:\/\/blockons.com\/wp-json\/wp\/v2\/media?parent=1625"}],"wp:term":[{"taxonomy":"docs","embeddable":true,"href":"https:\/\/blockons.com\/wp-json\/wp\/v2\/docs?post=1625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}