Forum Discussion
ELH Challenge 368 - Progress Indicators
For this challenge, I considered a way to give users an immediate sense - visually - of both what they have already accomplished and what they have left to do. Since the project deals with putting together a jigsaw puzzle of various Halloween characters, I determined it might be appropriate to construct a pie-chart-like progress indicator for each character that sees individual segments disappear as puzzle pieces are placed correctly on the board:
Naturally, the number of segments for each character's progress indicator would be determined by the number of puzzle pieces needed to completely/mostly "reveal" the character:
One particular challenge was considering instances where single pieces revealed part(s) of multiple characters, requiring triggers that simultaneously changed the state of the affected characters when the piece in question was placed:
Other considerations made included
- restricting the order in which puzzle pieces are "activated" so as to make updating individual progress indicators easier (I used transparent shapes to effectively "divide" each puzzle piece - a trigger set up to change that shape to Hidden when the "active" piece is correctly placed), and
- using freeform Hotspots mimicking the shape of individual puzzle pieces to ensure the pieces fit together (more) seamlessly.
- CydWalker_mwhcCommunity Member
Super fun, thank you for sharing the how to! Can I ask how you created the puzzle shapes?
- SarahHodgeFormer Staff
This is definitely fang-tastic, Daniel! ๐น Super clever way to show progress! And I love the thumbs up at the end. Kept true to the theme! ๐Thanks for sharing!
- LauraBailey333Community Member
What a fun interaction! Thanks for sharing.
- SharonSkalingCommunity Member
I second this question--was there an Articulate Storyline feature that facilitated the making of the puzzles pieces, or did you do this outside of Articulate? Thanks
Great work!- SharonSkalingCommunity Member
Well--Rereading your text, I see you say you used freeform hotspots to mimic the puzzle shapes. Did you also use freeform shapes to create the pieces?
๐๐๐