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

Quiz Progress Meter

Give your learner's a visual indicator of their remaining quiz questions using a simple progress meter. Another option would be to colorize completed questions to indicate correct and incorrect responses.

Montse Anderson

View demo | Montse Anderson | Website | @mLearning

Course Progress 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.

Forum Discussions, Examples, and Tutorials

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