A few examples illustrating what you can do with celery-progress.
For a complete working example, check out SaaS Pegasus—a Django starter kit for your next big project.
CeleryProgressBar.initProgressBar(taskUrl);
function customProgress(progressBarElement, progressBarMessageElement, progress) {
progressBarElement.innerHTML = Array(parseInt(progress.percent)).join("😊");
progressBarMessageElement.innerHTML = (
"about " + progress.percent + "% of the way through " + progress.total + ' custom thingies.'
);
}
CeleryProgressBar.initProgressBar(taskUrl, {
onProgress: customProgress
});
function customSuccess(progressBarElement, progressBarMessageElement) {
progressBarElement.innerHTML = (
'<figure class="image"><img src="/static/projects/images/aww-yeah.jpg"></figure>'
)
progressBarElement.style.backgroundColor = '#fff';
progressBarMessageElement.innerHTML = 'success!'
}
function customError(progressBarElement, progressBarMessageElement) {
progressBarElement.innerHTML = (
'<figure class="image"><img src="/static/projects/images/okay-guy.jpg"></figure>'
)
progressBarElement.style.backgroundColor = '#fff';
progressBarMessageElement.innerHTML = 'shucks.'
}
CeleryProgressBar.initProgressBar(taskUrl, {
onSuccess: customSuccess,
onError: customError,
});