Reading progress bar / scroll bar in blogger
Here you will know How to Add Reading progress bar / scroll bar in blogger website so that you can see the remaining % of the post you are reading_
Go To Blogger Dashboard and click on Edit HTML then Follow below instruction and paste the codes accordingly:
Find </body> and above it paste below code_
<script>window.onscroll = function() {myFunction()};function myFunction(){var winScroll = document.body.scrollTop || document.documentElement.scrollTop;var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;var scrolled = (winScroll / height) * 100;document.getElementById("myBar").style.width = scrolled + "%";}</script>
Find ]]></b:skin> and above it paste below code_
.progress-container{width:100%;position:fixed;z-index:99}.progress-bar{height:5px;background:#F86152}
(You can cha change the height and background colofr code)
Find <body> and below it paste below code_
<div class='progress-container'><div class='progress-bar' id='myBar'/></div>
Now save and you are all done.
