   onNextStep: ->
     @setState({})
 
+  renderCompletionMessage: (completeSteps, totalSteps) ->
+    congratsMessage = <h1>You are done! Great job!</h1> if completeSteps is totalSteps
+
+    [
+      {congratsMessage}
+      <h3>You have answered {completeSteps} of {totalSteps} questions.</h3>
+    ]
+
+
   renderReviewSteps: (taskId, steps, label, type) ->
     {courseId} = @props
 

    todoReview = @renderReviewSteps(taskId, incompleteSteps, todoLabel, 'todo')

    <div className='task-review -homework-completed'>
      {todoReview}
      {completedReview}
    </div>

  renderBeforeDue: (taskId) ->
    {courseId} = @props
    completeSteps = TaskStore.getCompletedStepsCount(taskId)
    totalSteps = TaskStore.getTotalStepsCount(taskId)

    congratsMessage = <h1>You are done! Great job!</h1> if completeSteps is totalSteps

    footer = <Router.Link
      to='viewStudentDashboard'

    <div className='task task-completed'>
      <CardBody footer={footer} className='-homework-completed'>
        <div className='completed-message'>
          {@renderCompletionMessage(completedStepsCount, totalStepsCount)}
          <ul>
            <li>You can still review and update your answers until the due date.</li>
            <li>Your homework will be automatically turned in on the due date.</li>
