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

PHPExcel dosya indirirken loader göstermek

Merhaba,

Projemde phpexcel kütüphanesini kullanıyorum. Excel dosyalarını başarıyla indiriyorum. Ancak dosya indirilirken sadece tarayıcı yenileme ikonu dönüp duruyor. Oysa istediğim dosyanın inme süresinde bir yazı veya bir loader görselini göstermek istiyorum. Loader yapımlarını denedim ama bir türlü arkada çalışan dosya için başaramadım. Aşağadaki kod normal sayfa yenilenmesinde çalışıyor ancak dosyayı indirmeye başladığında çalışmıyor.


CSS

<style media="screen">
.loader{
position:fixed;
z-index:99;
top:0;
left:0;
width:100%;
height:100%;
background:#FFF;
display:flex;
justify-content:center;
align-items:center;
}
.loader img{
width:200px;
}
.loader.hidden{
animation: fadeOut 1s;
animation-fill-mode:forwards;
}
@keyframes fadeOut{
100%{
opacity:0;
visibility:hidden;
}
}
</style>


LOADER IMG

<div class="loader">
    <img src="img/loader.gif">
    </div>
    


SCRİPT

<script type="text/javascript">

// Loader jsquery
window.addEventListener("load", function(){
const loader = document.querySelector(".loader");
loader.className += " hidden";
});
</script>

0
Bu soru için henüz cevap yazılmamış, ilk cevabı sen yaz!
İşlem devam ediyor, lütfen bekleyin..

Cevap yaz Sadece sorunun cevabını yazın

Yabancı Dizi Arşivi