Progress Indicators and Quick Checks

Owned by Janice Orcutt
Last updated: May 06, 2024
7 min read
IDD KB How-to-Guide

Build Student Confidence with Interactive Elements

Sometimes students need little nudges to keep them engaged, motivate them to continue with a module activity, or help confirm they are on the right track.

Progress Indicators are a way to give students an idea of where they are in terms of completing activities in the course modules. These can serve to help students manage their time and ensure they complete activities within a module.

Quick Checks allow students to interact with content and make sure they have an understanding of concepts before they get to a graded assessment. These are non-graded activities that allow students to test their knowledge or understanding before moving on to another activity or piece of content.

This article provides step by step guides on how to reimagine this page using the interactive components below (scroll down or click on the link to view a specific section):


Tip!

You can click on the images in this article to see them larger and with more detail.


Displaying Progress Indicators 

You can insert an indicator bar on your page that shows the student's position within a module and provide them with enhanced intramodular navigation. For Progress Indicators to work you must add them to every item in a module. Also, the Modules link must be visible in the Course navigation bar (on the left) for the indicator to work. Also, please note that the progress indicators are not available in the mobile app.

To insert a progress indicator in your course:

  1. Open the first page of your module.



    1. Place your cursor where you want the progress bar to be displayed. The indicator can be placed anywhere you want on the page However if you want it to be above the Banner title, place your cursor at the end of the banner title.

    2. Open the Sidebar and search for Progress.

    3. Click on the Progress Indicator icon.

  2. A Progress indicator placeholder will be added to the page.



  3. If you want it to be above the Banner title of a page, you may have to move the element using the up arrow in the action tool bar in the sidebar.



  4. Next you select the style of the progress indicator. The place holder in your page will not change, but the selections available to you can be previewed in the “Preview panel” in the Sidebar. There are six styles available, but the first three are the most practical to display at the top of a page:



    1. Basic Progress Bar – this option displays a solid line that progressively fills the bar as the student moves through the module

    2. Icon Progress Bar – this option displays a small icon representing the type of content for each item in the module, progressively filling the bar as the student moves through the module.

    3. Module Item Completion – this option displays the icon for each item in the module, using a location marker to identify where the student is and a checkmark if the item had an activity that was completed.

  5. You can change the color of the progress bar in the Style panel as well. Click on the “Color” button and select the color you wish to use. Because you install the progress indicator on each page you can have a different color for each page or types of pages.



  6. The following are examples of the three types of progress indicators showing progress from Page 1 to Page 3:

    Basic Progress Bar




    Icon Progress Bar



    Module Item Completion


Back to List


Using Quick Checks

Quick Checks are non-graded usually one-question items that help students assess if they understood the concepts introduced in a module, giving them instant feedback. Quick Checks can have multiple questions if desired.

To add a Quick Check to a page:

  1. Open the page you want to add a Quick Check.



    1. Place your cursor where you want the Quick Check to appear (In this example I want students to answer a question about the video)

    2. Open the Sidebar and search for Quick Check.

    3. Click on the Quick Check icon.

  2. A Quick Check content block will be added to the page. It will have a default of one question with 2 answers.



    1. In the content panel in the sidebar, identify how many answers you will want to provide

    2. Enter your question in the Question field on your content page

    3. Enter the answer choices in the answer fields on your content page, they will appear in the content panel in the sidebar

    4. Enter a feedback response to each answer in the response field

  3. Some of the information from the content block will now appear in the Content panel in the sidebar



    1. Identify the correct answer by selecting the checkmark in front of the answer in the sidebar

    2. Change the order of the answers using the drag and drop icon in front of the check mark

    3. The question and answers will appear in the preview panel
  4. Review the question, answer and feedback and save the page.



  5. Students will get immediate feedback based on their answer.



Back to List


Summary of Steps

Summary of Steps
 Displaying Progress Indicators
  1. Open the first page of your module.
    1. Place your cursor where you want the progress bar to be displayed. The indicator can be placed anywhere you want on the page However if you want it to be above the Banner title, place your cursor at the end of the banner title.
    2. Open the Sidebar and search for Progress.
    3. Click on the Progress Indicator icon.
  2. A Progress indicator placeholder will be added to the page.
  3. If you want it to be above the Banner title of a page, you may have to move the element using the up arrow in the action tool bar in the sidebar.
  4. Next you select the style of the progress indicator. The place holder in your page will not change, but the selections available to you can be previewed in the “Preview panel” in the Sidebar. There are six styles available, but the first three are the most practical to display at the top of a page:
    1. Basic Progress Bar – this option displays a solid line that progressively fills the bar as the student moves through the module
    2. Icon Progress Bar – this option displays a small icon representing the type of content for each item in the module, progressively filling the bar as the student moves through the module.
    3. Module Item Completion – this option displays the icon for each item in the module, using a location marker to identify where the student is and a checkmark if the item had an activity that was completed.
  5. You can change the color of the progress bar in the Style panel as well. Click on the “Color” button and select the color you wish to use. Because you install the progress indicator on each page you can have a different color for each page or types of pages.
 Using Quick Checks
  1. Open the page you want to add a Quick Check.
    1. Place your cursor where you want the Quick Check to appear (In this example I want students to answer a question about the video)
    2. Open the Sidebar and search for Quick Check.
    3. Click on the Quick Check icon.
  2. A Quick Check content block will be added to the page. It will have a default of one question with 2 answers.
    1. In the content panel in the sidebar, identify how many answers you will want to provide
    2. Enter your question in the Question field on your content page
    3. Enter the answer choices in the answer fields on your content page, they will appear in the content panel in the sidebar
    4. Enter a feedback response to each answer in the response field
  3. Some of the information from the content block will now appear in the Content panel in the sidebar
    1. Identify the correct answer by selecting the checkmark in front of the answer in the sidebar
    2. Change the order of the answers using the drag and drop icon in front of the check mark
    3. The question and answers will appear in the preview panel
  4. Review the question, answer and feedback and save the page.



Visit the DesignPLUS Training Series Tutorials for more videos. For more step-by-step guides, visit the DesignPLUS User Guide. (These links will overwrite this page.)



Didn't find what you are looking for? Raise a request