Loading bar

Js code for webpage download progress bar

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="a1" data-filename="filename.xml">Click to download</div>
<script>
$('#a1').click(function() {
    var that = this;
    var page_url = 'download.php';

    var req = new XMLHttpRequest();
    req.open("POST", page_url, true);
    req.addEventListener("progress", function (evt) {
        if(evt.lengthComputable) {
            var percentComplete = evt.loaded / evt.total;
            console.log(percentComplete);
        }
    }, false);

    req.responseType = "blob";
    req.onreadystatechange = function () {
        if (req.readyState === 4 && req.status === 200) {
            var filename = $(that).data('filename');
            if (typeof window.chrome !== 'undefined') {
                // Chrome version
                var link = document.createElement('a');
                link.href = window.URL.createObjectURL(req.response);
                link.download = filename;
                link.click();
            } else if (typeof window.navigator.msSaveBlob !== 'undefined') {
                // IE version
                var blob = new Blob([req.response], { type: 'application/force-download' });
                window.navigator.msSaveBlob(blob, filename);
            } else {
                // Firefox version
                var file = new File([req.response], filename, { type: 'application/force-download' });
                window.open(URL.createObjectURL(file));
            }
        }
    };
    req.send();
});
</script>

Source: stackoverflow.com

Loading bar

from time import sleep
from tqdm import tqdm
for i in tqdm(range(10)):
    sleep(3)

 60%|██████    | 6/10 [00:18<00:12,  0.33 it/s]

Source: stackoverflow.com

Similar codes

1 vote153 views1 answer
Display data from database in django
Python Django
0 vote105 views1 answer
Django 3.2 compatible to python 3.10?
Python
0 vote116 views1 answer
Programmer tool
Python
0 vote115 views1 answer
Python section of array compare
Python
1 vote125 views1 answer
Print(\'Test set predictions:\\n{}\'.format(y_pred))
Python
3 votes69 views1 answer
Centos v8.11.1 npm gyp err! stack error: can't find python executable "python", you can set the python env variable.
Python
-1 vote154 views1 answer
Convert this bash command into Python echo have a nice day Quizlet
Python
0 vote109 views1 answer
Cv2 blue color range
Python
0 vote127 views1 answer
Password protected mongo server
Python
0 vote119 views2 answers
How to take unknown number of inputs in python
Python