anchor.diff:                                  </c:forEach>
                               </table>
                           </div>
  +
  +                        <div class="progress">
  +                            <div id="progress-bar" class="progress-bar" role="progressbar" aria-valuenow="${progress}"
  +                                 aria-valuemin="0" aria-valuemax="100" style="width:${progress}%; background-color:maroon;">
  +                                <span class="sr-only">${progress}% Completed</span>
  +                            </div>
  +                            <p id="progess_message">${progress}%</p>
  +                        </div>
                       </div>
   
           </div>
  
positive.code:                         else{
                              //display the outcome
                              if(data.outcome == "true"){
                                  resultSuccess();
                              }
                              else{
                                  resultFailed();
                              }
  
                              //show the program output and expected output. TODO: Print out all outputs
  
negative.code:                 $("#progress-bar").css("width", data.progress + "%");
              }
  
              var resultFailed = function(data) {
                  $("#resultHeader").removeClass("success").addClass("failed");
                  $("#resultTitle").text("Failed");
              }
  