Hi all. I wanted to share something I've been playing around with. Here's a proof of concept I've been working on for two ways to use progress meters:1. Progress meter doubling as a menu 2. Progress meter being used to deliver 'extra info'. I don't have a way to share published output at the moment - so here's the .story file. The mechanics of the progress bar are in the slide masters. Also it doesn't play nice with IE as it uses wipe animatons. Hope it's of use to someone.

This is super-cool, Shaun! Thanks for sharing. :)

Hi guys here you can you can best online playing game euchre was really awesome game if you getting bore then play this game

Love the design of this, really simple but quite edgy at the same time

Hi David - thanks for that feedback! Visual design is something I find really challenging and always doubt myself on - so hearing that has made my day :)

I particularly like the polymorphic shapes you've used as the chapter and did you know pop ups.

A couple of ways to use progress meters

AllisonLaMotte
Staff
6 years ago
This is super-cool, Shaun! Thanks for sharing. :)
advydv
Community Member
6 years ago
Hi guys here you can you can best online playing game euchre was really awesome game if you getting bore then play this game
DavidJones-7bf1
Community Member
6 years ago
Love the design of this, really simple but quite edgy at the same time
- ShaunMartin
  Community Member
  6 years ago
  Hi David - thanks for that feedback! Visual design is something I find really challenging and always doubt myself on - so hearing that has made my day :)
DavidJones-7bf1
Community Member
6 years ago
I particularly like the polymorphic shapes you've used as the chapter and did you know pop ups.
vanphuc
Community Member
6 years ago
Love the design of this
FazalKhan-aee6f
Community Member
6 years ago
Love the wipe affect of the progress bar!
MichaelDiFonzo
Community Member
6 years ago
This is really great! I'm not quite at the progress bar level yet but this is a great reference tool. Only suggestion might be to make the current node a different color to make it stand out.

Wipe animation is an issue in IE? I'm using Wipe and our system-wide default browser is IE (I prefer Chrome).
- ShaunMartin
  Community Member
  6 years ago
  Hi Michael - thanks for the feedback. I can see the value in having the curent node standing out a bit more.
  
  And yes wipe animations (along with a couple of others) don't work in IE or Edge. They'll look fine when you're previewing in Storyline, but when you publish they don't. For example if you had a line wiping in from the left with a duration off two seconds, what you'll see in the published output is the line will just appear after two seconds (at the end of the animation).
  
  More info here: https://articulate.com/support/article/Storyline-360-Some-HTML5-Animations-and-Transitions-Don-t-Work-in-Internet-Explorer-or-Microsoft-Edge
MichaelDiFonzo
Community Member
6 years ago
Thanks for the link. I recall seeing that but totally forgot about it. Now I have to go back and remove those animations. Wish there was an easy way to see an animation list without going to each one.

I'm hoping to be able to incorporate a progress bar sometime in the future. Thanks for sharing.
MelanieSobie-14
Community Member
6 years ago
Thanks for sharing this. I like the creative ways you used progress meters. And I chuckled about the wombat poop factoid. I'm in the US and I just recently learned about that online.
- ShaunMartin
  Community Member
  6 years ago
  Thanks for the feedback Melanie. And yes - wombats are interesting creatures... hard to see the evolutionary benefit of that particular trait!
JuliaMorenoPerr
Community Member
6 years ago
A really nice simple, clean and effective visual for the progress meter/menu! I will definitely keep this in mind for future use!
- ShaunMartin
  Community Member
  6 years ago
  Thanks Julia - glad you liked it!