Using Progress Meters in E-Learning #60

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.

Showing Progress in Quiz and Results Slides

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.

View demo | Montse Anderson | Website | @mLearning

Showing Learner Progress

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

Atsumi-O-Meter: View | Download

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 (Advanced)

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

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

Course progress with percentage
Fake Progress bar shared by Phil Mayor
Client wants progress bar
Owen Holt shared a creative solution for using Excel to create progress indicator graphics
Bookmark Progress demo from Phil Mayor: View | Download
Progress Tracker Template for Storyline 2
Progress Tracker for Storyline 1
Progress Bar by David Dye

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.

Share Your Progress Meter Examples!

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

176 Comments

Jackie Van Nice
Hero

almost 7 years ago11/22/14 at 2:32 am (UTC)

The Atsumi meter is a thing of beauty. Who made it?

almost 7 years ago11/22/14 at 11:13 am (UTC)

The fella who made that example is a real troublemaker.

almost 7 years ago11/22/14 at 11:41 am (UTC)

Well I thought it must be your work since it was remarkably well done, hilarious, and without attribution - but if it's a troublemaker my only guess would be Atsumi's wayward son?

Melissa Milloway

almost 7 years ago11/22/14 at 5:06 pm (UTC)

I can tell this one is going to get pretty creative entries.

Jeff Kortenbosch
Hero

almost 7 years ago11/22/14 at 7:11 pm (UTC)

Cool, this is actually a topic I removed from my presentation for the Dutch Articulate User Days last week. Should be able to produce something this week. The image David used made me think of a post from over a year ago. His images above the progress bar remembered me of badges/achievements which in a way are things you can earn if you progress through a (game) course. With the new ELH search in place I located in a few seconds. Hope this is useful for someone. Let me know what you think! Gamify your course with Achievements (incl. source file): http://bit.ly/SL-achievements

almost 7 years ago11/23/14 at 7:14 am (UTC)

Ahh that was a great one, Jeff! I just updated the post to include your example and download.

Richard Watson
Hero

almost 7 years ago11/23/14 at 1:22 am (UTC)

Thanks for the share Jeff!

Sol Moh

almost 7 years ago11/23/14 at 6:11 pm (UTC)

I design a match sticker game about 4 months ago and today made some changes to it. The level selecting slide of these game is related to these challenge and the game can be placed on last week challenge. https://dl.dropboxusercontent.com/u/107713226/joorchin%20%282%29%20-%20Storyline%20output/story.html

almost 7 years ago11/24/14 at 2:23 am (UTC)

Hey Sol, this is fantastic! However, on the second level I couldn't solve the problem because I was trying to make the equation 8 - 8 = 0 and apparently this is not an option although is a correct solution.

Sol Moh
Alexander Salas

almost 7 years ago11/24/14 at 10:31 am (UTC)

Thanks Alexander. In this game you can only use the number of available match stickers. In fact we only move one sticker to another place. Excuse me that my descriptions in the game was not enough. I correct the description and upload it again. https://dl.dropboxusercontent.com/u/107713226/joorchin%20%282%29%20-%20Storyline%20output/story.html The correct response for all levels are: level 1: 5+1=6 level 2: 9-9 =0 level 3: 6-5=1 level 4: 7+3=10 or1+9=10 level 5: 9-4=5 level 6: 9-0=9 level7: 2+3=5 or 3+2=5 .

almost 7 years ago11/24/14 at 11:32 pm (UTC)

I really like the concept of this game. On level one, my solution was 9-1=8! Thank you for the cheats! I will try it again with the corrects answers. Love the sound effects! :-)

almost 7 years ago11/25/14 at 6:22 pm (UTC)

Thanks Montse.

almost 7 years ago11/25/14 at 5:10 am (UTC)

Sol, I really enjoyed the challenge! Thanks for a really fun game. richard

Sol Moh
Richard Watson

almost 7 years ago11/25/14 at 6:23 pm (UTC)

Thanks Richard.

almost 7 years ago11/26/14 at 6:57 am (UTC)

Hi Sol - Can you check the link to your demo again? I'm pulling together the demos for the recap post and noticed your demo is no longer working.

Sol Moh
David Anderson

almost 7 years ago11/26/14 at 10:14 am (UTC)

Hi David. Thanks for your notification. I upload the project again and correct the links.

Nancy Woinoski
Hero

almost 7 years ago11/23/14 at 9:46 pm (UTC)

Here is my progress meter, but I have a confession to make about this one. This was going to be my entry for last weeks challenge (the kids game), but I could not get it to work. I was trying to build a 2-d shooter game but there does not seem to be a way to detect then two objects collide - even with JavaScript. So I gave up that pursuit and instead you get a progress meter. http://pinchedhead.articulate-online.com/3796869842

almost 7 years ago11/23/14 at 9:53 pm (UTC)

Now that I think of it - this really isn't a progress meter. It is more of a countdown timer so David, maybe the next challenge should be a timer :)

almost 7 years ago11/24/14 at 2:14 am (UTC)

Nancy, I tried to do the exact same thing with my zombie challenge. I even used the slider to shoot objects, but didn't know how I would score a hit because I couldn't detect the object collision. I ended up highlighting the zombie at different points and gave points if the slider was in the correct position to hit it during the time it was highlighted. Might be easier to see than explain https://dl.dropboxusercontent.com/u/70407176/zombies/story.html

almost 7 years ago11/24/14 at 1:19 pm (UTC)

Hi Linda, that is very smart thinking. I'll give it a go on mine.

Montse
Hero
Linda Lorenzetti

almost 7 years ago11/24/14 at 11:39 pm (UTC)

I love this!

almost 7 years ago11/26/14 at 12:32 am (UTC)

Oops... Looks like a cool game and I love the design but somehow, I'm usually not able to use anything involving drag and drop on my tablet so couldn't view the progress🙈

almost 7 years ago11/26/14 at 1:40 am (UTC)

Hey Daniel, I did not check this on my tablet but there is no drag and drop on this one. It uses a slider and the timer is just a count down so progresses even if you don't do anything.

almost 7 years ago11/27/14 at 12:34 pm (UTC)

LOVE this, Nancy - great job!

over 6 years ago07/09/15 at 6:11 pm (UTC)

Hi Nancy, I love the project, but could not actually shoot any of the spaceships no matter what I tried. I tried it using Chrome and Safari on a MacBook Pro, not sure what the problem is...

Michael Hinze

almost 7 years ago11/23/14 at 10:19 pm (UTC)

A while ago, I had developed a sample where user's could add topics they were interested in to a menu and effectively build their own course. See here for a sample and brief blog post: http://wp.me/p2BoUf-8R The progress indicator (upper right) is not much to look at (making it 'look pretty' was not the goal of this sample, it was about functionality) but it does automatically adjust, depending on how many and which topics were selected.

almost 7 years ago11/24/14 at 3:07 pm (UTC)

I love the way the progress meter is responsive to the number of choices you pick at the beginning. Cool functionality.

almost 7 years ago11/27/14 at 9:11 am (UTC)

I like how you use one square 2 times, filling it half and complete. saves some screen real estate! Very Smart!

Melissa Milloway

almost 7 years ago11/23/14 at 10:58 pm (UTC)

I've decided I'm just going to make a slew of progress meters to share lol.

Nancy Woinoski
Hero

almost 7 years ago11/23/14 at 11:30 pm (UTC)

Here is another example. This one actually tracks progress. I created this for the Articulate Community Roadshow in Toronto and have been meaning to turn it into a proper template for ages. Here is the demo. http://pinchedhead.articulate-online.com/3796805848 I'll post the template later - I still need to make the menu topics more generic.

Sol Moh
Nancy Woinoski

almost 7 years ago11/25/14 at 2:56 pm (UTC)

This is very creative work.

almost 7 years ago11/25/14 at 11:23 pm (UTC)

Thanks Sol, I really appreciate your comment.

almost 7 years ago11/25/14 at 10:18 pm (UTC)

Love this design. Very attractive layout and clear navigation.

almost 7 years ago11/25/14 at 11:24 pm (UTC)

Thanks Gerard, your comment gives me more incentive to get the template done. I am almost finished.

almost 7 years ago11/26/14 at 12:39 am (UTC)

Hey Nancy, I so much love the design and navigation, do share the template when you're done! I love the way it is locked to ensure learner progresses accordingly! Great work

almost 7 years ago11/26/14 at 7:00 pm (UTC)

I love the idea of subtly having to go through the prerequisites.... nice that you didn't have to state your objectives, just left the user wanting to progress naturally.

almost 7 years ago11/26/14 at 9:11 pm (UTC)

Very clear and simple design.

almost 7 years ago11/27/14 at 12:35 pm (UTC)

Nancy - I loved this demo at the Toronto event, and I still love it; very clean and functional :)

almost 7 years ago12/01/14 at 3:02 pm (UTC)

Love the clean design and look forward to the template!

Montse
Hero

almost 7 years ago11/24/14 at 12:41 pm (UTC)

Here's my progress meter example: http://elearningdesigner.com/storyline/progress-bar/index.html My intention was to make the progress buttons clickable after the learner completed the quiz to offer the option to review their choices. Unfortunately, I made a couple of wrong turns putting this together and had to call it quits.

almost 7 years ago11/24/14 at 1:20 pm (UTC)

It is a beautiful design none-the-less.

almost 7 years ago11/24/14 at 3:06 pm (UTC)

Ohhh I like this Montse.

almost 7 years ago11/24/14 at 3:55 pm (UTC)

Very nice, clean design Montse.

Montse
Hero
Linda Lorenzetti

almost 7 years ago11/24/14 at 11:24 pm (UTC)

Thank you so much! I'm so glad you like it!

almost 7 years ago11/25/14 at 4:07 pm (UTC)

I'm so in love with Montse's designs... Just wow. Great work as always.

Montse
Hero
Jeff Kortenbosch

almost 7 years ago11/25/14 at 4:19 pm (UTC)

Thank you, Jeff! I admire your work very much!

almost 7 years ago11/25/14 at 6:15 pm (UTC)

Beautiful work as always Montse!

almost 7 years ago11/26/14 at 9:14 pm (UTC)

Very doctor-reliable design style :)

almost 7 years ago11/27/14 at 12:36 pm (UTC)

Beautiful and clean, Montse!

almost 7 years ago01/14/15 at 2:17 pm (UTC)

This is very nice! I like the clean look!

Minh Pham

almost 7 years ago11/24/14 at 2:22 pm (UTC)

I'm very new to e-learning as well as Storyline. This is my first product made by Storyline 2: http://goo.gl/b9NT28 It's very simple with using state of image in the result slide. I'm happy to hear from you.

almost 7 years ago11/25/14 at 5:15 am (UTC)

Minh, Great job. I liked the meter you used at the end. Richard

Minh Pham
Richard Watson

almost 7 years ago11/25/14 at 6:03 am (UTC)

Thanks Richard.

almost 7 years ago11/25/14 at 11:29 pm (UTC)

Hey Minh, I like the simple work and the questions were fun too. You may consider submitting for last week's challenge on games for kids as well. And the results meter was cool... Unfortunately, I didn't pass at first attempt! Lol.

almost 7 years ago11/25/14 at 11:34 pm (UTC)

I got zero questions right but loved the progress meter at the end. Thanks for sharing your very first Storyline 2 project with us.

almost 7 years ago11/26/14 at 9:17 pm (UTC)

I like the green progress graphic being wider than the gray one.

Minh Pham
Joanna Kurpiewska

almost 7 years ago11/27/14 at 2:49 am (UTC)

I create the progree graphic by chart in Powerpoint 2013. It's quite easy to make.

almost 7 years ago11/27/14 at 9:30 am (UTC)

Nice Result page Mihn. If you'd like to give the users some progress while taking the questions you could add a virtual progress bar on the quiz pages like this: https://drive.google.com/file/d/0B5YJfqKOfGphQUlNakk2MFdwZ2M/view

Minh Pham
Jeff Kortenbosch

almost 7 years ago11/27/14 at 12:06 pm (UTC)

Good idea Jeff. Should I use variable to create it?

almost 7 years ago11/27/14 at 6:19 pm (UTC)

One object with various states would do the trick I'd say

Allison Nederveld

almost 7 years ago11/24/14 at 3:03 pm (UTC)

Here are a couple of examples I have shared for previous challenges that have progress meters of some sort. https://dl.dropboxusercontent.com/u/8494879/CardsForHumanity/story.html https://dl.dropboxusercontent.com/u/8494879/RightOnTime/story.html

Montse
Hero
Allison Nederveld

almost 7 years ago11/25/14 at 1:48 pm (UTC)

Hi Allison, I enjoyed both but I especially liked Right On Time! Fun sounds effects.

almost 7 years ago11/25/14 at 11:41 pm (UTC)

Hi Allison, I love the right on time challenges with the sound effects. I also love the padlock theme/feature in your progress meter. Unfortunately, I wasn't able to use the drag and drop in the cardsForHumanity since I viewed on my tablet!

almost 7 years ago11/26/14 at 7:06 pm (UTC)

Hey Allison, I like your style! Out of curiosity, about how much time did you spend on the Right on Time project?

almost 7 years ago11/27/14 at 12:36 pm (UTC)

CAH is always fun, so I definitely appreciated this demo, and I looved Right on Time!

Joanna Kurpiewska

almost 7 years ago11/24/14 at 4:17 pm (UTC)

Here's mine: http://bit.ly/11PceA2 Something for the tube travelers :)

almost 7 years ago11/25/14 at 6:18 pm (UTC)

Joanna, I enjoyed your submission! I'm ready to take the e-Learning subway. I wonderful if I'll run into any of those "evil" SMEs along the way? :)

almost 7 years ago11/25/14 at 10:27 pm (UTC)

Nice work Joanna. I made it to the end of the line!

almost 7 years ago11/25/14 at 11:43 pm (UTC)

Wow... Great idea, I love it! I also made it to the end.

almost 7 years ago11/26/14 at 8:55 am (UTC)

Thanks guys. I hope you had a nice journey ;)

almost 7 years ago11/27/14 at 12:37 pm (UTC)

Great submission - I wouldn't have thought to track progress in terms of transportation!

Linda Lorenzetti
Hero

almost 7 years ago11/25/14 at 1:12 am (UTC)

Here's my pulsing progress meter https://dl.dropboxusercontent.com/u/70407176/ProgressMeter/story.html

almost 7 years ago11/25/14 at 5:16 am (UTC)

Linda, Simple yet elegant. :) Great job. I'll have to incorporate that meter into something I'm currently working on. Richard

almost 7 years ago11/25/14 at 1:30 pm (UTC)

Thanks Richard, I like your progress meter too, although I've discovered that I desperately need to brush up on my car trivia.

almost 7 years ago11/25/14 at 11:29 pm (UTC)

Hi Linda, I really like this. Did you use "audio only" markers for this?

almost 7 years ago11/26/14 at 3:43 am (UTC)

Thanks Nancy, no markers were used on this one, it was a looping animation; this tutorial explains it https://www.youtube.com/watch?v=uhOOa0qOHRc

almost 7 years ago11/25/14 at 11:51 pm (UTC)

Hi Linda, I love the pulses, great Job! As a little suggestion for usage, the meter can pulse on the current topic I am reading... But love the design!

almost 7 years ago11/26/14 at 3:44 am (UTC)

Sure Daniel, it could pulse wherever you would like. I just wanted to try out the pulsing animation effect.

almost 7 years ago11/28/14 at 2:45 pm (UTC)

That's great, Linda! Thanks so much for sharing the how-to, too. I'd never thought to do that! Opens up lots of creative ideas. :)

Richard Watson
Hero

almost 7 years ago11/25/14 at 2:14 am (UTC)

Another progress meter. http://tinyurl.com/nqyo3fa

Montse
Hero
Richard Watson

almost 7 years ago11/25/14 at 1:39 pm (UTC)

Your progress meter and mini-course were just terrific! I really enjoyed it! Love the design and the progress meter was creative and fun to watch. Double-like!

almost 7 years ago11/25/14 at 6:19 pm (UTC)

Thank you Montse for checking it out. Those are sure some nice cars....Not sure of what I would do with one that goes that fast!

almost 7 years ago11/25/14 at 10:39 pm (UTC)

Nice progress meter. The goal of getting the car to the finish line was motivating for me.

almost 7 years ago11/27/14 at 2:12 pm (UTC)

Gerard, Glad you liked it! Richard

almost 7 years ago11/26/14 at 12:05 am (UTC)

Wow Richard! Great work I love here... I love the way you incorporate the challenges in between the course, I don't have to go through the whole course before answering questions. And the progress meter was just superb, I won. By the way, I love the concept of checking the answer, as long as it didn't take too long.

almost 7 years ago11/26/14 at 12:49 am (UTC)

Thanks Daniel. By the way, I shortened the timeline duration for the "Checking answer..." If this were a real "production" file, I would probably make a few more tweeks! Thanks for checking it out.

almost 7 years ago11/26/14 at 9:04 pm (UTC)

I changed the tube to a car. Thanks for a ride. Need to do my hair now ;)

almost 7 years ago11/27/14 at 2:15 pm (UTC)

Joanna, Public transportation is great but it only takes you so far. Glad you enjoyed the ride (at 220+ mph). :) Richard

almost 7 years ago11/28/14 at 2:48 pm (UTC)

Outstanding progress meter, Richard! Beautiful and soooooo much fun! Love the car-iffic content. :)

Tom Kuhlmann
Staff

almost 7 years ago11/25/14 at 4:19 am (UTC)

I was showing some people at a recent workshop how to use free icons to create an elearning template. One of the icons was a diamond so I used that as a way to indicate progress in the demo. Collect diamonds as you go and if you check on your progress page (bottom icon) it indicates how many you have collected and how many to go. Nothing fancy, but since the demo has a progress meter, I figured I'd include it. http://elearning-examples.s3.amazonaws.com/SL2-ballicon/story.html

almost 7 years ago11/25/14 at 6:20 am (UTC)

This is a great idea Tom. And i love your design so much. Thanks.

almost 7 years ago11/25/14 at 8:27 am (UTC)

I have more details in tomorrow's blog post

almost 7 years ago11/25/14 at 7:25 pm (UTC)

I really like your concept. It seems similar to Keith's Healthnet game. I will be interested in reading your blog post about it tomorrow.

almost 7 years ago11/26/14 at 12:12 am (UTC)

Thanks for sharing Tom, saw the blog post earlier.

almost 7 years ago11/27/14 at 12:38 pm (UTC)

Loved this example, and the write-up. I've been on a creative market download kick, so I definitely see integrating some icons into future projects.

Richard Watson
Hero

almost 7 years ago11/25/14 at 5:20 am (UTC)

Nice Tom. I skipped an item and was promptly "alerted"...something akin to the sound one might hear when they are closing the hatch on a submarine. I thought I was going to hear....Dive... Dive.... Dive.. :)

almost 7 years ago11/25/14 at 8:28 am (UTC)

LOL, it was the only alarm sound effect I had handy.

almost 7 years ago11/25/14 at 1:27 pm (UTC)

Well, that woke me up this morning!

Jeff Kortenbosch
Hero

almost 7 years ago11/25/14 at 5:17 pm (UTC)

David, we so need to be able to attach files to our comments. Here's a link to my community post (with file) for Studio09/13 progress bars: https://community.articulate.com/discussions/building-better-courses/articulate-studio-progress-bars

almost 7 years ago11/26/14 at 1:32 am (UTC)

Thanks Jeff for sharing the template!

almost 7 years ago11/26/14 at 4:27 am (UTC)

Agreed! I'll add it to the feature request doc and send Brian G a note. Good idea, Jeff.

John Wagner

almost 7 years ago11/25/14 at 7:10 pm (UTC)

I had a very lineal Frequently Asked Questions section on our web site. Very boring, but people read them, I created an interactive FAQ course and used a series of checkmarks as the progress meter. If the person hovers over the character they see the question. If they click on the character they go to the interaction for the answer. When they finish a question and answer interaction and go back to the beginning, there is a check mark on the character to let them know they finished that part of the course. The published course is at http://openbibleministries.com/03hsbapt3.php.

almost 7 years ago11/26/14 at 12:23 am (UTC)

Hi John, Love the course and the design so much, I have to patiently go through it! I particularly love the discussion interaction and change of state of the characters as they discuss. The check mark is good as well for progress monitor! Great work there

Daniel Adeboye

almost 7 years ago11/26/14 at 1:22 am (UTC)

I've been slightly busy to participate due to school work, though I've been following the challenges but I guess I'm back now. While, seeking space to meet up past challenges, I decided to share one I did for a previous challenge on spelling bee. View Snapshot of Reward Cup at https://flic.kr/p/q9ZeGw Download full course in PowerPoint to view full interaction with content at https://itrysting.files.wordpress.com/2014/07/please-spell-it.pptx By the way, creative and awesome work from everyone... Looked through them all! I may still create a new progress meter hopefully before Thursday...

almost 7 years ago11/26/14 at 3:47 pm (UTC)

Hey Daniel, I love the illustrations you used in this one. Can you share were you got them?

almost 7 years ago11/26/14 at 5:05 pm (UTC)

I'm pretty sure Daniel created the people images in PowerPoint using a method Tom Kuhlmann shared. Here's Daniel's blog post about creating it: https://itrysting.wordpress.com/2014/07/07/please-spell-it/ Here's Tom's post about the character creation method: http://www.articulate.com/rapid-elearning/create-illustrated-characters-powerpoint/

almost 7 years ago11/26/14 at 5:07 pm (UTC)

Thanks Jackie, I'll check it out for sure.

almost 7 years ago11/27/14 at 9:30 pm (UTC)

Yeah Nancy, Jackie's right. I created the illustrated character in PowerPoint using Tom's method. I found it works well for me and hides me from copyright issues. Glad you liked it... And thanks Jackie!

Daniel Adeboye

almost 7 years ago11/26/14 at 1:55 am (UTC)

I couldn't resist sharing this awesome work by Jackie! If you look well, it inspired my own work; I saw the PowerPoint template and decided to mimick it... poor right? I even seem to like the map linear progress from state to state more than the cup progress; but both are great ways of showing progress. http://jackievannice.com/challenge_game/story.html Post to template here http://www.jackievannice.com/?s=Challenge+game

almost 7 years ago11/26/14 at 6:06 am (UTC)

Good call, Daniel! The Krug-O-Meter is a classic progress bar.

almost 7 years ago11/26/14 at 4:59 pm (UTC)

Hey - thanks, Daniel!! I haven't had time to do a new one this week but was thinking about my Krug-O-Meter too. I appreciate you sharing it. :)

almost 7 years ago11/27/14 at 12:39 pm (UTC)

Love the Krug-o-Meter; it seems like a slippery slope :P

almost 7 years ago11/27/14 at 1:59 pm (UTC)

Thanks Ashley!

Gerard Friel

almost 7 years ago11/26/14 at 9:22 am (UTC)

My progress meter turned into a speedometer! Here it is: http://www.gerardfriel.com/portfolio/uploads/speedometer/story.html

Daniel Adeboye

almost 7 years ago11/27/14 at 11:29 pm (UTC)

Finally, I'm able to create a Progress meter I love! As I sat with my tablet playing "Lep World 3"on android, the Menu showing progress suddenly caught my attention and I decided to use it as a guide for my work. So it has a menu progress meter and each 'world' has three 'levels'. I also locked subsequent worlds until you complete preceeding ones. I enjoyed doing this, I hope you will! Main Menu Progress Meter:- https://www.flickr.com/photos/127073448@N05/15707024140/ (Scroll to see snapshots of the second level progress and others in the course) Full Interaction in PowerPoint:- https://itrysting.files.wordpress.com/2014/11/menuprogress_meter.pptx (And there's some small sound) Hopefully, I should write my blog post for this challenge!

almost 7 years ago11/28/14 at 2:31 pm (UTC)

Great idea to use a game you like as inspiration, Daniel! It looks good and is quite unique.

almost 7 years ago12/02/14 at 1:03 pm (UTC)

My blog post is finally ready at http://itrysting.wordpress.com/2014/11/27/progress-meter-in-travel-land/ And thanks Jackie.

Pixentia Team

almost 7 years ago11/28/14 at 4:28 pm (UTC)

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. Thanks in advance.

Rebekah Massmann

almost 7 years ago01/12/15 at 5:33 pm (UTC)

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

Using Progress Meters in E-Learning #60

Showing Progress in Quiz and Results Slides

Showing Learner Progress

Course Progress Indicator

Course Progress (Advanced)

Bookmarking

Challenge of the week

Resources

Forum Discussions, Examples, and Tutorials

Last Week’s E-learning Challenge:

New to the E-learning Challenges?

Share Your Progress Meter Examples!

Related Content

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

Using Badges, Awards, and Achievements in E-Learning Courses #197

10 Free E-Learning Games Templates

176 Comments