         <span>#{data.name}</span>
         <span>#{data.version}</span>
       </cite>
+      {{> @progressContainer}}
     """

    @on "EnrollmentRequested", => appView.enrollToCourse data

  createElements: ->
    data              = @getData()
    devModeOptions    = {}
    cancelIconOptions = {}

    if data.devMode
      devModeOptions.cssClass = "top-badge gray"

        e.stopPropagation()
        @destroy()
        @emit "EnrollmentCancelled"

      percent = if data.completed then Math.round (100 * data.completed.length) / data.totalChapters else 0

      @progressContainer.addSubView new KDView
        cssClass   : "progress-bar"
        attributes :
          style    : "width:#{percent}%"
        tooltip    :
          title    : "You completed #{percent}% of this course."
    else
      @progressContainer.setClass "hidden"

    @cancelIcon = new KDCustomHTMLView cancelIconOptions

