October 19, 2016
Per-slide progress bars for Captivate tutorial
Comments
(6)
October 19, 2016
Per-slide progress bars for Captivate tutorial
I’m a graphic designer, video editor, motion graphics creator, and an e-learning developer. I love to solve graphic design problems and use my 25+ years of design experience to help others in their own design journey. My business philosophy is to give people more than what they paid for.
Newbie 8 posts
Followers: 12 people
(6)

One of the more common requests I used to receive when developing trainings in Captivate was to have the progress bar show the duration and progress of each slide instead of the duration and progress of the entire project. While you can’t natively change the progress bar’s behavior to do this, I realized you can use tools available in Captivate to simulate this behavior on each slide. The tutorial video below will show you how to use smart shapes and motion paths to create per-slide progress bars in Captivate.

6 Comments
2017-07-02 06:51:39
2017-07-02 06:51:39

I want to take a solid rectangle and have it fill as a function of how many slides have been clicked; this will be overlayed by client text box where letters are transparent. (So, if on slide 6 of 10, then 60% of rectangle will fill under the letters.)I have watched your blogs on using # and % calculations; is there any way to correlate your work with a physical image such as this? The progress bar would have to be a fixed size to accommodate the client text box. I didn’t realize how complex this really is! Thanks for any help. todd.bennethum@gmail.com

Like
()
(3)
>
toddb7256892
's comment
2017-07-05 16:12:29
2017-07-05 16:12:29
>
toddb7256892
's comment

I think I understand what you’re attempting to do. Instead of using the LeftToRight effect, you can use the Entrance > StretchFromLeft effect instead. StretchFromLeft allows you to set a shape to its final size and position and then the effect stretches it out from the left without having to do any additional calculations and you can use any width you want.

If I’m wrong about what I’m recommending could you take some screenshots of what you currently have and then post them with an explanation?

Like
()
>
Michael Stephens
's comment
2017-07-05 19:11:48
2017-07-05 19:11:48
>
Michael Stephens
's comment

I liked the idea of using states, as per your rec, so I created 20 images with bars of varying lengths (ea. 5% from the next). What I want to do is to, using system variables, have Cap calculate what % slide it’s on (say slide 5/20 total or 25%) and match that % with the correct image (say “logo25pct”). So I’d have to set up 20 conditions, one for each img such that If “slidepct” (where slidepct = cpInfoCurrentSlide/cpInfoSlideCount * 100) is greater than zero but less than 5%, show “logo5.img”; if slidepct is 5% up to less than 10%, show “logo10.img”, etc. I’m not as smart with using adv actions as I thought I was nor am I understanding how to use states (don’t know how many videos I’ve watched…sigh). Anything dumbed-down works for me. Thanks to all for your help.

Like
()
>
toddb7256892
's comment
2017-07-25 20:59:08
2017-07-25 20:59:08
>
toddb7256892
's comment

It’s possible you’re over thinking what you have to do. If your users are progressing through the file linearly, and there aren’t any branching paths, then you could just place each of the percentage images on their respective slides after you calculate what slide they would logically be on. This would eliminate the need to use any advanced actions to calculate progress.

You can go the route with using advanced actions to change the state of a smart shape based on a calculation, but you would be looking at creating an advanced action with the same amount of decisions as you have images to change. Not that this is necessarily a bad thing, but it’s a lot of work that, as I mentioned in the previous paragraph, may not really be necessary.

Like
()
2017-06-13 20:52:03
2017-06-13 20:52:03

This is great! Question: Do you have a way to make this scrubbable to the user?

Like
(1)
(1)
>
samguy125
's comment
2017-06-19 13:49:05
2017-06-19 13:49:05
>
samguy125
's comment

Sorry, but this method is visual indication only. I’m hoping that at some point in the future we’ll be able to specify the default slider as whole project or per slide.

Like
()
Add Comment