/Html/How to add progress bar in blogger

How to add progress bar in blogger

<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>

Source: exeideas.com

How to add progress bar in blogger

<style>
.progress-container{width:100%;position:fixed;z-index:99;top:0;left:0;}
.progress-bar{height:5px;background:#F86152;}
</style>

Source: exeideas.com

How to add progress bar in blogger

<div class='progress-container'>
<div class='progress-bar' id='myBar' style="width:0%;"></div>
</div>

Source: exeideas.com

Similar codes

2 votes341 views2 answers
Javascript generate pdf from div content jquery
Html
0 vote346 views1 answer
Navbar styles css
Html
0 vote348 views1 answer
If the screen size is then link a css file html
Html
0 vote313 views1 answer
Jquery loops
Html
0 vote350 views1 answer
Cadre en html5
Html
13 votes341 views3 answers
How to redirect to another page when a login button is clicked
Html
9 votes349 views1 answer
Viewport meta tags
Html
0 vote336 views1 answer
Document.getElementByClassName("preview").innerHTML=src;
Html
0 vote369 views1 answer
Mat-tooltip on disabled button
Html
0 vote343 views1 answer
How to stop marquee text when you move your mouse over it
Html