How to display POST completion percentage in Angular 1.x?

Question

JavaScript

Hello everyone, you need to display the progress bar with the percentage of the POST request completed. In the request, I pass the name of the template and the file extension, then the server generates it and returns it. Actually, while the generation process is going on, we need a progress bar.
I try like this

$http({
    method: 'POST',
    url: config.apiUrl + "/RevDoc/GenerateDocument",
    data: model,
    eventHandlers: {
        progress: function (e) {
            console.log(e);
            if (e.lengthComputable) {
                progress = Math.round(e.loaded * 100 / e.total);
                console.log("progress: " + progress + "%");
                if (e.loaded = e.total) {
                    console.log("File upload finished!");
                }
            }
        }
    },
}).then((response) => {
    console.log(response);
})

But something is not working.
"angular": "^1.5.8",

Answer 1

The thread can be closed. The file generation process will take place on the server, the client itself will not count it in any way. Using SignalR, I will monitor the download process and display it on the UI.