/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

8 votes157 views1 answer
How do i set a pdf to be download link in html
Html
69 votes153 views3 answers
Js onclick redirect
Html
0 vote116 views1 answer
Redirect to previous page but retrieve previous data
Html
0 vote172 views1 answer
Clean urls
Html
0 vote144 views1 answer
Why there's a default margin in html <body>
Html
0 vote192 views1 answer
Java.rmi.connectexception: connection refused to host: 127.0.0.1
Html
50 votes160 views2 answers
Html input label
Html
0 vote167 views1 answer
Como fazer placeholder que vira label
Html
0 vote154 views1 answer
How to find total height of single page page in html
Html
0 vote139 views1 answer
How to create a text that will redirect to anothe page in new tab
Html