Progress Bars, Meters, and Indicators in E-Learning

Progress Meters in E-Learning #60: Challenge | Recap

Progress indicators are a great way to let learners see how much they’ve finished, and how much there is to go. 

And since they’re one of the most popular questions in the community, I thought they'd make a great weekly challenge.

Before you progress through this week's challenge, take a look at a few of the creative examples your fellow community members have shared.

Achievements and Badges

Creative idea from Articulate Super Hero Jeff Kortenbosch for providing learners with progress badges.

Achievements and Badges

Achievements demo: View | Download | Screencast

Course Indicator

A simple approach is to use images to represent the progress of each slide like Tom shared in his security demo.

Course Indicator

Employee Security: View

Course Progress

Community member Alexandros Anoyatis shared a free template that uses advanced variables to drive the menu's progress meter.

Course Progress

Menu Toolkit: View | Download

Learner Progress

Keep your learners informed about their progress with this avatar-based progress indicator.

Learner Progress

Atsumi-O-Meter: View | Download

Bookmarking

Articulate Super Hero Bruce Graham shared a thermostat-themed progress indicator.

Bookmarking

Bookmarking demo: View | Download

Challenge of the week

This week your challenge is to show how progress indicators can be used in e-learning.

Resources

Here are some helpful discussions, demos, and downloads to help you get started. We're happy to give you a hand with ideas or technical help. If you get stuck, let us know!

Video Tutorials

Visual Feedback Gauge

How to Design Visual Feedback Meters in Articulate Storyline

This video workshop on creating feedback meters in Storyline uses similar techniques for progress indicators.

Progress Meters

Forum discussions and tutorials:

Share your e-learning work

  • Comments: Use the comments section below to share a link to your published example and blog post.
  • Forums: Start  your own thread and share a link to your published example..
  • Personal blog:  If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
  • Twitter: If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.
  • Facebook: Share your work on our Facebook page by replying to this Facebook post with a link to your example.

Last week’s e-learning challenge:

Examples of E-Learning Games for Kids

E-Learning Games for Kids #59: Challenge | Recap

New to the e-learning challenges?

The weekly challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.

If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.

If you share your demos on Twitter, try using #ELHChallenge so your tweeps can track your e-learning coolness.

148 Comments
Jeff Kortenbosch
Sol Moh
Nancy Woinoski
Linda Lorenzetti
Michael Hinze
Tom Kuhlmann
John Wagner
Daniel Adeboye
Jackie Van Nice
Daniel Adeboye
Daniel Adeboye
Rebekah Massmann

Jumping in for my second challenge and first challenge involving a course. I plan to blog about this course soon, but in the meantime, here is my entry. https://db.tt/Tox1YgDz This is a stripped down version of a scenario-based compliance course I'm working on. I've adapted this template: https://community.articulate.com/download/interaction-flat-desktop-exploration. The idea is that the resources on the desk will give the user information needed to complete the challenge. Note that in Scenario 1, some of the icons open layers, but from that point on, it's just a skeleton structure. Also, in my real course, I have several layers of branching and choices dependent on variables, but I cut them out for the sake of the demo. Thanks for a great challenge that has applied directly t... Expand