“Cara Menambahkan Progress Bar di Blogger” Kode Jawaban

Cara Menambahkan Progress Bar di Blogger

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

Cara Menambahkan Progress Bar di Blogger

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

Cara Menambahkan Progress Bar di 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>
AKA_Mishra

Jawaban yang mirip dengan “Cara Menambahkan Progress Bar di Blogger”

Pertanyaan yang mirip dengan “Cara Menambahkan Progress Bar di Blogger”

Lebih banyak jawaban terkait untuk “Cara Menambahkan Progress Bar di Blogger” di HTML

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya