Profil detayı eklendi, herkes profillerine girip bir gözatsın! Sevdiğiniz üyelerin cevaplarını takip edin! Tüm güncellemeler

forech progress bar

forech işlemi ile aynı veri var ise silme işlemi yapıyorum ve döngüye girdinde sayfa yenilenip duruyor ama benim istedim bunu progress bar ile yapmak ne kadar kaldını tahmini göstermek...

4

Cevaplar (4)

İşlem devam ediyor, lütfen bekleyin..
İlker Kaya
@ilkerkaya
4 ay önce

@tayfunerbilen şu işi boş satır döndürmeye veya sleep işlemi yapmamıza gerek kalmadan nasıl yaparız aydınlat bizi hocam

İşlem devam ediyor, lütfen bekleyin..
Murat Gül (TA5MRG)
@Voodoo
4 ay önce

Aşağıdaki kodu inceler misiniz?


<?php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html lang="en">
<head>
    <title>Progress Bar</title>
</head>
<body>
<!-- Progress bar holder -->
<div id="progress" style="width:500px;border:1px solid #ccc;"></div>
<!-- Progress information -->
<div id="information" style="width"></div>
<?php
// Total processes
$total = 10;
// Loop through process
for($i=1; $i<=$total; $i++){
    // Calculate the percentation
    $percent = intval($i/$total * 100)."%";
    
    // Javascript for updating the progress bar and information
    echo '<script language="javascript">
    document.getElementById("progress").innerHTML="<div style=\"width:'.$percent.';background-color:#ddd;\">&nbsp;</div>";
    document.getElementById("information").innerHTML="'.$i.' row(s) processed.";
    </script>';
    

// This is for the buffer achieve the minimum size in order to flush data
    echo str_repeat(' ',1024*64);
    

// Send output to browser immediately
    flush();
    

// Sleep one second so we can see the delay
    sleep(1);
}
// Tell user that the process is completed
echo '<script language="javascript">document.getElementById("information").innerHTML="Process completed"</script>';
?>
</body>
</html>
?>
İşlem devam ediyor, lütfen bekleyin..
Abdulbaki Zırıh
@abdulbaki
4 ay önce

Progress bar yerine https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_loader buradaki loader dönen daire kullanabilirsin alternatif çözüm olarak yani sonuç olarak tahmini süreyi belirlemek her zaman doğru sonuç veremiye biliyor ancak bu şekilde dönen daire kullanarak işlemin devam ettiğini belirtebiliriz mantık şu şekilde örnekteki style kodlarını css dosyamıza ekliyoruz. Ardından bir işlem yapıldığında örneğin kullanıcı sisteme giriş yapıyor diyelim bunun için şu şekilde bir yapı kullanabiliriz.

$(".login").submit(function(){
  // loader'i giriş yap butonunun yazıdan önceki kısmına ekliyoruz.
  $(".login-button").prepend("<div class='loader'></div>");
  $.ajax({
    type: 'post',
    url: url,
    data: data,
    success: function(result){

      if(result == 'başarılı'){
        // işlem başarılı olduğunda loaderi fadeOut() görünmez yapıyoruz.
        // tabi kaldırmazsak da olur çünkü sayfa zaten yönlendirilecek.
        $(".loader").fadeOut();
        location.href = 'index.php';
      }

    }
  });


});
İşlem devam ediyor, lütfen bekleyin..
Yusuf Kaan Karakaya
@TheYkkk
1 ay önce

basit bir sekilde ayni olan islemin sayisini alip sonra dongude islenenlerin sayisini alip json ile push edip ajax ile veriyi alip progress bari kontrol edebilirsin

İşlem devam ediyor, lütfen bekleyin..

Cevap yaz Sadece sorunun cevabını yazın