/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

0 vote207 views1 answer
Elasticsearch built-in security features are not enabled. Without authentication, your cluster could be accessible to anyone. See https://www.elastic.co/guide/en/elasticsearch/reference/7.15/security-minimal-setup.html to enable security.
Html
8 votes123 views7 answers
Marquee tag in html
Html
3 votes165 views4 answers
Bootstrap table hover
Html
8 votes180 views4 answers
Bootstrap display error message
Html
5 votes158 views1 answer
How to stop download option in video tag of HTML
Html
56 votes164 views6 answers
Image in html
Html
0 vote152 views2 answers
Html5 vs css3
Html
0 vote175 views1 answer
Format html in notepad++
Html
0 vote139 views1 answer
Calculate spread percentage
Html
0 vote170 views1 answer
A open to other tab
Html