ENGLISH·COURSE API
    Preparing search index...

    Function

    CourseProgressTile

    • The course overview's progress tile: the course title as a heading, a large ring filled to the watched share, and how much is left in videos and time.

      Parameters

      Returns Element

      On a phone the ring leads a row; from lg the tile is a centred column. The title always renders — on the server too — while the ring stays empty and the figures stay hidden until this device's progress has been read.

      Given a link, the tile ends with it and the title leads to the same page. The title's link stays out of the tab order, so keyboard users meet one stop. The board links to the course page (View course details); My learning reuses the tile beside its resume hero, with a level-two title and a View course link to the overview.

      <CourseProgressTile
        course={course}
        reading={{ status: "read", tally }}
        link={{ href: courseDetailPath(course), label: t("viewCourseDetails") }}
      />

    Settings

    Member Visibility