Challenge Recaps

2 MIN READ

40 Brilliant Examples of Progress Meters in E-Learning #60

Staff

10 years ago

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

Looking for creative solutions for providing visual guidance and feedback to learners? Then you'll love the e-learning examples your fellow community members shared in this week's progress meter challenge.

Special thanks to first-time challengers Minh Pham and John Wagner! Thanks for jumping into the challenges. We're glad you're here!

Remember: The challenges are always open. You can jump into this or any previous challenge anytime and we'll update the recap post to include your work.

Shaun Martin

View project | Learn more & download | Shaun Martin | @ID_Shaun

Amar Kulshreshtha

View project | Learn more | Amar Kulshreshtha | Website | @AmarShreshtha

Bridget Donofrio

View project | Bridget Donofrio

Taylor Tomanio

View project | Taylor Tomanio | Website

Manon DI VOZZO

View project | Manon DI VOZZO

Montse Anderson

View demo | Montse Anderson | Website | @mLearning

Angela Conrad

View project | Angela Conrad | Website | @desi9ndevil

Melissa Milloway

View project | Download | Melissa Milloway | Website | @MelMilloway

Jeff Kortenbosch

Download | Jeff Kortenbosch | Website | @elearningjeff

Nancy Woinoski

View demo | Nancy Woinoski | Website | @pinchedhead

Nancy Woinoski

View demo | Nancy Woinoski | Website | @pinchedhead

Allison Nederveld

View demo | Download | Allison Nederveld | Website | @abnederveld

Joanna Kurpiewska

View demo | Joanna Kurpiewska | Website | @unicorntraining

Tom Kuhlmann

View demo | Tom Kuhlmann | Website | @TomKuhlmann

Jeff Kortenbosch

Download (PowerPoint) | Jeff Kortenbosch | Website | @elearningjeff

Jackie Van Nice

View demo | Learn more | Jackie Van Nice | @jackietrains

Craig Hadden

Learn more | Craig Hadden | Website

Ridvan Saglam

View project | Download | Ridvan Saglam | Website | @rbsaglam

Veronica Budnikas

View demo | Learn more | Screencast | Veronica Budnikas | @verobudnikas

Alexander Salas

View project | Learn more & download | Alexander Salas | Website | @stylelearn

Owen Holt

View project |Learn more & download | Learn even more | Owen Holt | Website

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.

Share Your Progress Meter Examples!

We have a new progress bars challenge for 2019. Head over to the current challenge to share your work.

Published 10 years ago

Version 1.0

Staff

Joined October 22, 2010

View Profile

Challenge Recaps

Check out past challenges and examples.

nagarjunavee471
Community Member
10 years ago
Great Stuff.

Here's my entry...

A multi-step form with cool progress bar....

http://demo.workspazio.com:83/elearning/

Please provide your valuable feedback.

David, could you please include my demo in the recap.

Thanks in advance.
- MinhPham
  Community Member
  10 years ago
  Very cool progress meter. And i love the animations too.
  - nagarjunavee471
    Community Member
    10 years ago
    Thanks Minh Pham.
- PaulaBrandon
  Community Member
  10 years ago
  Looks really nice! Did you build the form in Storyline or is the form a web object? Either way it's very elegant!
  - SteveFlowers
    Community Member
    10 years ago
    Hi Paula -
    
    Looks like this is the setup Nagarjuna used to build the sequence.
    http://thecodeplayer.com/walkthrough/jquery-multi-step-form-with-progress-bar
DanielAdeboye
Community Member
10 years ago
Now I have my blog post ready for this challenge
http://itrysting.wordpress.com/2014/11/27/progress-meter-in-travel-land/

David, kindly update recap to include this submission.
NancyWoinoski
Super Hero
10 years ago
I have finally created the template for the progress menu. You can download it from my blog at http://pinchedhead.com/blog/?p=1654&preview=true
jeff
Community Member
10 years ago
Wow, love the creativity this week! Some really great examples here. Well done everybody... I'm probably going to use some of the ideas I've seen here (and not just the progress bars) in future projects!
CraigHadden-Rem
Community Member
10 years ago
I love the variety of solutions for this challenge!

The "speedometers" by Gerard Friel look absolutely beautiful. If you'd like to use Gerard's approach, this short video might help you to place the meter needles easily:
https://bitly.com/1yG0Wub
Prakashravi
Community Member
10 years ago
I love all the interactions!
JenniferValley
Community Member
10 years ago
I created a course about eating healthy that talked about what to look for in food while eating out. I used a progress bar to show the users that they selected all the makers on the page. Enjoy!

Demo: http://www.googledrive.com/host/0B8fzCiZzCiQmOUNpMWh0NWFNTFk

Blog Post: http://jennifervalley.blogspot.com/2014/12/vacation-fun-with-storyline-2-and.html

Tweet: https://twitter.com/jvalley0714/status/540581748505980928
- DavidAnderson
  Staff
  10 years ago
  Cool demo, Jennifer! I've updated the recap to include your entry and blog: https://community.articulate.com/articles/using-progress-meters-elearning-recap#JenniferValley
RebekahMassmann
Community Member
10 years ago
Hi there - I submitted an entry a few months ago on the original challenge thread. When you get a chance, I'd love to see the recap post updated with my late entry. Thanks a bunch!
- DavidAnderson
  Staff
  10 years ago
  Cool demo, Rebekah! You did a nice job adapting Tom's template into a quiz. I updated the recap to include your entry: https://community.articulate.com/articles/using-progress-meters-elearning-recap#RebekahMassmann
TaniaVercoelen
Community Member
10 years ago
Hi, I would like to submit a late entry for this challenge. How much do you guys know about New Zealand? Check it out!

Demo: http://www.taniavercoelen.com/NZ%20Quiz/story.html

Would love to see this on a recap post. Thanks heaps!
- DavidAnderson
  Staff
  10 years ago
  Hi Tania! I really like the quiz you shared! The only thing more embarrassing than my New Zealand vocabulary is that it took me 2 months to update the recap with your file: https://community.articulate.com/articles/using-progress-meters-elearning-recap#TaniaVercoelen
PeterKvamme
Community Member
10 years ago
I used Jeff's tutorial http://www.seriouslearning.nl/looping-animations-in-articulate-storyline/ as inspiration to update one of my oder projects with a progress meter that doubles as course navigation.
http://www.peterkvamme.com/elementsWithLine/story.html
- DavidAnderson
  Staff
  10 years ago
  Nice use of animation and visual feedback for your progress meter, Peter! Just wanted to let you know we updated the recap to include your example: https://community.articulate.com/articles/using-progress-meters-elearning-recap#PeterKvamme

Blog Post

40 Brilliant Examples of Progress Meters in E-Learning #60

Shaun Martin

Amar Kulshreshtha

Bridget Donofrio

Taylor Tomanio

Manon DI VOZZO

Montse Anderson

Angela Conrad

Melissa Milloway

Jeff Kortenbosch

Nancy Woinoski

Nancy Woinoski

Allison Nederveld

Joanna Kurpiewska

Tom Kuhlmann

Jeff Kortenbosch

Jackie Van Nice

Craig Hadden

Ridvan Saglam

Veronica Budnikas

Alexander Salas

Owen Holt

New to the E-Learning Challenges?

Share Your Progress Meter Examples!

Learn

Connect

Discover

Community

Company

Trust Center