Arama butonu
Bu konudaki kullanıcılar: 1 misafir, 1 mobil kullanıcı
3
Cevap
331
Tıklama
0
Öne Çıkarma
Progress Bar
K
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



O
9 yıl (24776 mesaj)
Teğmen

o ap ayrı bir dünya sanırım. yüklenilen dosyaları programın tanıyacak ve yüklediği her dosyadan sonra % arttıracak. yani programının bar yüzdesi zaman göre değil kendin tanımlayacağın işleme göre olması gerekiyor. fakat benim çok bilgim yok bu konularda. fikrim bu sadece.



K
9 yıl (30 mesaj)
Onbaşı
Konu Sahibi

Bir dosya yüklerken tarayıcının sol alt tarafında %? olduğu yazıyor ama onu nasıl çektireceğimi bilmiyorum.



K
9 yıl (30 mesaj)
Onbaşı
Konu Sahibi

Bu Videoda çok güzel şeyler göstermiş tam bana gerkli şey ama hiçbir kod vermemiş bilen varsa yardım edebilir mi?



DH Mobil uygulaması ile devam edin. Mobil tarayıcınız ile mümkün olanların yanı sıra, birçok yeni ve faydalı özelliğe erişin. Gizle ve güncelleme çıkana kadar tekrar gösterme.