Progress Bar

benpitman
Community Member Posts: 763
Wow this is fabulous, Ben.As for all the 2007 users out there who need more customization to the progress bar than what the built-in object allows, this is for you. For me, the black border of the built-in was a show stopper.However, there are a few modifications necessary in order for this to work.Bring the gfx to the same level where HTML objects reside (mine are underneath the AU). Turn the visibility off.It appears that the minimum div height for IE is 19px. Make your fill and stroke images this height and you should be able to position it perfectly. If you make your gfx transparent gifs, this should be no problem. Just expand the canvas size to this minimum dimension.In action 3, change the value to the width of your fill graphic. This is probably obvious as a 100px progress bar might be too small...In action 4, I could not get this to work as written, but was able to resize the original graphic.Action 4: Change Width of fillOn: ShowAction: Size toTarget: Lectora name for the fill graphic--- Value: Width: VAR(BarWidth) Height: 19Group your 2 HTML objects and graphics and you'll have a nice progress bar group.
Categories
- 35.8K All Categories
- 109 ✫ Announcements
- 33.1K Lectora®
- 31.1K Lectora Discussions
- 28.9K Lectora Desktop
- 2K Lectora Online
- 2K Lectora Feature Requests
- 71 Lectora User Groups
- 36 Lectora Accessibility User Group (LAUG)
- 22 ELB Learning Content
- 22 ELB Learning Content Discussions
- 321 CenarioVR®
- 188 CenarioVR Discussions
- 133 CenarioVR Feature Requests
- 41 Rockstar Learning Platform®
- 38 Rockstar Learning Platform Discussions
- 108 CourseMill®
- 108 CourseMill Discussions
- 47 ReviewLink®
- 47 ReviewLink Discussions
- 5 The Training Arcade®
- 5 The Training Arcade Discussions
- 934 All Things eLearning
- 36 eLearning Development
- 546 Learning Management System (LMS) Integration
- 332 Web Accessibility
- 1.2K ♪ The Green Room
- 9 Additional Learning Products