/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 votes345 views3 answers
Auto update copyright year html
Html
3 votes358 views1 answer
How to round the edges of an image in HTML
Html
0 vote297 views1 answer
Selectize add properties to item from html
Html
12 votes305 views5 answers
Meta refresh
Html
0 vote367 views1 answer
Bootstrap 4 multiple file upload
Html
21 votes289 views3 answers
Html tag run only after whole page is loaded
Html
0 vote304 views1 answer
In html the color for red
Html
0 vote293 views1 answer
Simbolo checkbox en tabla en html
Html
7 votes298 views4 answers
New laravel
Html
0 vote331 views1 answer
Quick confirmation window for webapp link php
Html