{"id":2925,"date":"2019-03-16T20:54:32","date_gmt":"2019-03-16T23:54:32","guid":{"rendered":"http:\/\/ashleychiasson.com\/blog\/?p=2925"},"modified":"2019-03-16T20:55:43","modified_gmt":"2019-03-16T23:55:43","slug":"e-learning-challenge-224-how-are-designers-using-progress-bars-in-e-learning","status":"publish","type":"post","link":"https:\/\/ashleychiasson.com\/blog\/e-learning-challenge-224-how-are-designers-using-progress-bars-in-e-learning\/","title":{"rendered":"E-Learning Challenge #224 – How are Designers Using Progress Bars in E-Learning?"},"content":{"rendered":"

Wow. If this isn’t a unicorn sighting, I don’t know what is! I’m finally participating in another e-learning heroes challenge!<\/p>\n

The Concept<\/strong><\/p>\n

This week’s challenge was to share an example of how designers are using progress bars in e-learning. I have to admit that I chose a lazy approach, but it’s still a nice looking and effective approach.<\/p>\n

The Method<\/strong><\/p>\n

In considering this challenge, time really was of the essence. Like I said, it’s been awhile since I’ve participated in a challenge, I don’t really have time to do so anymore without cloning myself, but I wanted to bang something out! The first thing I did was modify the player – I turned all of the buttons off, and customized the default Classic player to put it all on black<\/a> (got an Alkaline Trio reference in there – it’s a successful Saturday!).<\/p>\n

Then, I removed the next\/prev functionality from each slide and instead added an Icon from the content library and applied a trigger for Next functionality.<\/p>\n

In the master, I added a rounded rectangle with four states: 25, 50, 75, 100. Each state had the rounded rectangle filled with approximate colouring (25\/50\/75\/100). Then, I popped in 5 slides, added some nice images of Unsplash for visual appeal. I added a numeric variable for Progress, and then added a trigger to change the state of Progress to 25\/50\/75\/100 when the timeline started, depending on the slide we were on.<\/p>\n

The Result<\/strong><\/p>\n

\"\"<\/p>\n

To view the full interaction, Click Here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Wow. If this isn’t a unicorn sighting, I don’t know what is! I’m finally participating in another e-learning heroes challenge! The Concept This week’s challenge was to share an example of how designers are using progress bars in e-learning. I have to admit that I chose a lazy approach, but it’s still a nice looking […]<\/p>\n","protected":false},"author":1,"featured_media":2926,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[3],"tags":[10],"class_list":{"0":"post-2925","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-instructional-design","8":"tag-e-learning-challenge","9":"entry"},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/ashleychiasson.com\/blog\/wp-content\/uploads\/2019\/03\/Screen-Shot-2019-03-16-at-8.40.17-PM.png?fit=2586%2C1460&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p4s3cq-Lb","_links":{"self":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/2925","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/comments?post=2925"}],"version-history":[{"count":1,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/2925\/revisions"}],"predecessor-version":[{"id":2928,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/posts\/2925\/revisions\/2928"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/media\/2926"}],"wp:attachment":[{"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/media?parent=2925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/categories?post=2925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ashleychiasson.com\/blog\/wp-json\/wp\/v2\/tags?post=2925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}