Progress Bar

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI Progress Bar

Bu konudaki kullanıcılar: 1 misafir

3
Cevap 333
Tıklama 0
Öne Çıkarma

1. sayfa

Progress Bar

Cevap Yaz

King_Tolga

9 yıl (30 mesaj)

Onbaşı

Konu Sahibi

Merhaba Arkadaşlar elimde bir progress bar örneği var fakat bu bar benim istediğim şekilde çalışmıyor. Benim isteğim dosya yüklenirken tamamlanan %? sine göre çalışması bunu nasıl yaparım. Yardımcı olursanız sevinirim.
Progress Bar Kodu:

<!DOCTYPE html>
<html>
<style>
#myProgress {
  width: 100%;
  background-color: #ddd;
}

#myBar {
  width: 0%;
  height: 30px;
  background-color: #4CAF50;
  text-align: center;
  line-height: 30px;
  color: white;
}
</style>
<body>

<h1>JavaScript Progress Bar</h1>

<div id="myProgress">
  <div id="myBar">0%</div>
</div>

<br>
<button onclick="move()">Click Me</button> 

<script>
function move() {
  var elem = document.getElementById("myBar");   
  var width = 0;
  var id = setInterval(frame, 50);
  function frame() {
    if (width >= 100) {
      clearInterval(id);
    } else {
      width++; 
      elem.style.width = width + '%'; 
      elem.innerHTML = width * 1  + '%';
    }
  }
}
</script>

</body>
</html>

DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.

Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.

Üye Ol Şimdi Değil

Bir Daha Gösterme