<progress id="progress" value="0"></progress>
<a load="none" id="button" class="mt-2 btn w-100 btn-success" href="{{array.link}}">СКАЧАТЬ</a>
<span id="display"></span>
<script>
var progressBar = document.getElementById("progress"),
loadBtn = document.getElementById("button"),
display = document.getElementById("display");
function download() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "{{array.file}}?" + Math.floor(Math.random() * 99999), true);
xhr.responseType = "text";
xhr.onprogress = function(e) {
if (e.lengthComputable) {
progressBar.max = e.total;
progressBar.value = e.loaded;
display.innerText = Math.floor((e.loaded / e.total) * 100) + '%';
}
};
xhr.onloadstart = function(e) {
progressBar.value = 0;
display.innerText = '0%';
};
xhr.onloadend = function(e) {
progressBar.value = e.loaded;
loadBtn.disabled = false;
loadBtn.innerHTML = 'СКАЧАТЬ';
};
xhr.onload = function (e) {
if (this.status == 200) {
console.log('Готово');
}
};
xhr.send(null);
}
loadBtn.addEventListener("click", function(e) {
this.disabled = true;
this.innerHTML = "Скачивание...";
download();
});
</script>
<progress id="progress" value="0"></progress>
<a load="none" id="button" class="mt-2 btn w-100 btn-success" href="{{array.link}}">СКАЧАТЬ</a>
<span id="display"></span>
<script>
var progressBar = document.getElementById("progress"),
loadBtn = document.getElementById("button"),
display = document.getElementById("display");
function download() {
var xhr = new XMLHttpRequest();
xhr.open("GET", "{{array.file}}?" + Math.floor(Math.random() * 99999), true);
xhr.responseType = "text";
xhr.onprogress = function(e) {
if (e.lengthComputable) {
progressBar.max = e.total;
progressBar.value = e.loaded;
loadBtn.innerText = Math.floor((e.loaded / e.total) * 100) + '%';
}
};
xhr.onloadstart = function(e) {
progressBar.value = 0;
loadBtn.innerText = '0%';
};
xhr.onloadend = function(e) {
progressBar.value = e.loaded;
loadBtn.disabled = false;
loadBtn.innerHTML = 'СКАЧАТЬ';
};
xhr.onload = function (e) {
if (this.status == 200) {
console.log('Готово');
}
};
xhr.send(null);
}
loadBtn.addEventListener("click", function(e) {
this.disabled = true;
display.innerHTML = "Скачивание...";
download();
});
</script>