Your Moodle version

Blocks: Progress Bar

Maintained by My ugly mug Michael de Raadt
A time management tool for you and your students
  • A time-management tool for students
  • Shows progress in activities/resources
  • Colour coded to quickly see completed/viewed
  • Teachers select which pre-existing activities/resources are to be included
  • Order by times/deadlines or order in course
  • Overview page shows teachers the progress of all students
  • Ability to contact students from the Overview page
  • Combined progress on My home page


Screenshot #0
Screenshot #1
Screenshot #2
Screenshot #3


My ugly mug
Michael de Raadt (Lead maintainer)
Please login to view contributors details and/or to contact them

Comments RSS

Show comments
  • Picture of Jason Hitsman
    Wed, Sep 16, 2015, 5:06 AM
    I have quizzes turning red before they are due if students take them and do not achieve a passing grade. I'd prefer the box stays blue until the deadline has passed. Is there anyway to do this?
  • My ugly mug
    Wed, Sep 16, 2015, 7:00 AM
    Hi, Jason.

    The pass action is judged regardless of the deadline. It previously didn't show red until after the deadline, but others convinced me that showing the student has passed or failed should happen as soon as it is known, otherwise it can get confusing. If students are allowed reattempts, they can turn it to green. If this doesn't suit your approach, perhaps try one of the other actions.

  • Picture of Jason Hitsman
    Wed, Sep 16, 2015, 7:54 PM

    Would it be possible to make it an option? I use the bar in a self-paced, mastery class. kids pass quizzes to get credit, but they can take them as many times as they need to pass. I set quiz due dates on pace to finish by the semester. With quizzes only turning red when passed due students got quick easy feedback when they were starting to fall behind.

    With this new behavior students get confused because the red quizzes are showing up before the deadline. I know I can tell students and parents to look for red quizzes left of the now mark and to ignore red quizzes to the right, but I'd like to avoid creating any more confusion if I can.

  • My ugly mug
    Thu, Sep 17, 2015, 7:23 AM
    Hi, Jason.

    We could possibly have a separate action from "Passed" that only shows red after the due date. What would we call it so that it is distinct and understandable?

  • Picture of Jason Hitsman
    Thu, Sep 17, 2015, 10:20 PM
    Hm... How about these?
    Paced Passing
    Passed by deadline
    Passed on Time
    On Schedule
  • My ugly mug
    Fri, Sep 18, 2015, 7:06 AM
    I think "Passed by deadline" is the best. I hope people don't have trouble translating that into other languages.

    This could probably be added to assignment and lesson as well, where resubmission is possible.
  • My ugly mug
    Fri, Sep 18, 2015, 7:10 AM
  • Picture of Mike Ross
    Fri, Sep 18, 2015, 1:37 PM
    Hey there,
    If I want to restrict the size of the icons when we click on progress bar where can it be done??
    Thats because I have changed the default moodle theme icons and their size is 512x512 it should be more like 24x24
  • My ugly mug
    Fri, Sep 18, 2015, 1:53 PM
    Hi, Mike.

    The CSS for this can be changed in the blocks styles.css file. I'll add this to the next version, but you can modify yours now, if you like.

    .block_progress .moduleIcon {
    float: left;
    margin-right: 5px;
    max-width: 24px;

    Don't forget to purge caches afterwards.
  • My ugly mug
    Fri, Sep 18, 2015, 2:33 PM
    I've added a new version with a "Passed by deadline" action for assignment, lesson and quiz.
  • Picture of Jason Hitsman
    Fri, Sep 18, 2015, 9:48 PM
    Awesome!! Thank you very much.
  • Picture of SLMAN H DWAEBI
    Sun, Sep 20, 2015, 12:26 AM
    hi All , I saw Pdf file explain all phases progress bar and missed this file , if any one know how can i get it please help me.
  • My ugly mug
    Mon, Sep 21, 2015, 7:20 AM
    I have not seen a PDF. If you find a good resource, please share it here.

    The video above gives a quick overview of the set up and use of the Progress Bar. The default colours (configurable through global settings) relate as follows.

    Blue: incomplete but due in future
    Red: incomplete and past due
    Green: completed
  • Just wondering . . .
    Sun, Sep 27, 2015, 4:21 AM
    The video on the description page is tagged as private.

  • My ugly mug
    Mon, Sep 28, 2015, 7:28 PM
    Thanks, Derek,.

    I blame Google.

    It should be visible again now.
Please login to post comments