我正在制作一个显示progress bar的Django应用。到目前为止，我已经使用此library和他们建议的以下代码来显示进度条。

  <div class='progress-wrapper'>
<div id='progress-bar' class='progress-bar' style="background-color: #68a9ef; width:      
0%;">&nbsp;</div>
</div>
<div id="progress-bar-message">Waiting for progress to start...</div>
<script src="{% static 'celery_progress/celery_progress.js' %}"></script>
<script>
// vanilla JS version
document.addEventListener("DOMContentLoaded",function () {
var progressUrl =
                "{%
                   try:
 url 'celery_progress:task_status' task_id
 catch:
      pprint("PHEW")
 %}";
 CeleryProgressBar.initProgressBar(progressUrl);

  });
   </script>

但是，我如何将上面的代码与下面的代码集成在一起，使其显示为success or error：

  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,});