Added an incomplete mark indicator

mentoring/public/css/mentoring.css

@@ -49,6 +49,15 @@
     margin-top: 20px;
 }
 
-.mentoring .progress .indicator .checkmark {
+.mentoring .progress .indicator {
+    display: inline-block;
+    margin-top: 5px;
+}
+
+.mentoring .progress .indicator .checkmark-correct {
     color: #006600;
 }
+
+.mentoring .progress .indicator .checkmark-incorrect {
+    color: #ff0000;
+}

mentoring/templates/html/mentoring_progress.html

 <script type="text/template" id="xblock-progress-template">
     <% if (completed === "True") {{ %>
-    <i class="icon-ok icon-2x checkmark"></i>
+    <i class="icon-ok icon-2x checkmark-correct"></i>
+    <% }} else {{ %>
+     <i class="icon-exclamation icon-2x checkmark-incorrect"></i>
     <% }} %>
 </script>