{"id":14152,"date":"2024-04-12T05:37:31","date_gmt":"2024-04-12T05:37:31","guid":{"rendered":"https:\/\/sastraessentialaddons.com\/?post_type=docs&p=14152"},"modified":"2025-01-17T06:26:17","modified_gmt":"2025-01-17T06:26:17","password":"","slug":"reading-progress-bar","status":"publish","type":"docs","link":"https:\/\/spexoaddons.com\/documentation\/reading-progress-bar\/","title":{"rendered":"Reading Progress Bar"},"content":{"rendered":"

How to Configure Reading Progress Bar<\/h1>\n

Reading Progress Bar<\/strong><\/a> is a powerful element that show you reading progress status.<\/p>\n

How to Activate Reading Progress Bar<\/h2>\n

To use this\u00a0Spexo Addons<\/b><\/a>\u00a0element, find the\u00a0\u2018<\/b>Reading Progress Bar\u2018\u00a0<\/b>element from the Search option under the\u00a0\u2018<\/b>ELEMENTS\u2018<\/b>\u00a0tab. Simply just Drag & Drop the\u00a0\u2018<\/b>Reading Progress Bar\u2019 into the\u00a0\u2018<\/b>Drag widget here\u2018\u00a0<\/b>or the \u2018+\u2019 section.<\/p>\n

\"\"<\/p>\n

How to Configure the Content Settings<\/h2>\n

Under the \u2018Content\u2019 tab, you will find the \u2018Reading Progress Bar – Spexo Elementor Addons\u2019 section.<\/p>\n

Reading Progress Bar<\/h3>\n

From the \u2018Reading Progress Bar – Spexo Elementor Addons\u2019 section, you can change Position, Background type, color, Animation duration and Height to your Reading Progress Bar.<\/p>\n

\"\"<\/p>\n

Click to See Live Demo<\/a><\/h3>\n

Final Outcome<\/h2>\n

By following the basic steps and a bit more modifying, you can style your Reading Progress Bar<\/strong>\u00a0as per your preference.<\/p>\n

https:\/\/spexoaddons.com\/wp-content\/uploads\/2024\/03\/reading-progress-bar-3.webm<\/a><\/video><\/div>\n

Getting stuck? Feel to\u00a0<\/b>Contact Our Support<\/a><\/strong>\u00a0for further assistance.<\/p>\n","protected":false},"excerpt":{"rendered":"

How to Configure Reading Progress Bar Reading Progress Bar is a powerful element that show you reading progress status. How to Activate Reading Progress Bar To use this\u00a0Spexo Addons\u00a0element, find the\u00a0\u2018Reading Progress Bar\u2018\u00a0element from the Search option under the\u00a0\u2018ELEMENTS\u2018\u00a0tab. Simply just Drag & Drop the\u00a0\u2018Reading Progress Bar\u2019 into the\u00a0\u2018Drag widget here\u2018\u00a0or the \u2018+\u2019 section. How […]<\/p>\n","protected":false},"author":14494,"featured_media":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-14152","docs","type-docs","status-publish","hentry","doc_category-creative-elements"],"acf":[],"year_month":"2026-04","word_count":167,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Nayan Bagia","author_nicename":"nayanbagia","author_url":"https:\/\/spexoaddons.com\/author\/nayanbagia\/"},"doc_category_info":[],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/docs\/14152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/users\/14494"}],"version-history":[{"count":0,"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/docs\/14152\/revisions"}],"wp:attachment":[{"href":"https:\/\/spexoaddons.com\/wp-json\/wp\/v2\/media?parent=14152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}