Join Paul Trani for an in-depth discussion in this video Adding a progress bar, part of Creating a First Web Site with Flash Professional CS5.
One of the final things to add to any site it's going to be the progress bar.…And what this does is that it's just actually just shows the progress of things…downloading, giving some visual feedback to the user.…And that's what I want to do with this site.…But before I do so let's go ahead and do a Test Movie.…(Music playing)…And let's go ahead and check out sort of how this would be downloaded.…So I'm going to go to View > Bandwidth Profiler.…So this actually gives me a profile of the content that needs to be downloaded.…
Notice down here at the bottom it says 648 KB.…So again it's a fairly, fairly good size.…And if I want to view this as if the users are viewing it, what I can do is I…can just check my Download Settings.…So I've this set to DSL, but what I want to do is I want to Simulate Download.…So notice how I'm giving these little dots in the center right here, indicating…that something is going on, but I have no idea how long we'll be sitting here…staring at these little dots.…
Notice my Bandwidth Profiler does tell me the percentage loaded.…
- Understanding web design
- Creating buttons and web graphics in Photoshop
- Formatting text with the Text Layout Framework
- Using the Timeline
- Creating a custom looping animation
- Loading images in a gallery
- Creating invisible buttons
- Adding music and video to a site
- Customizing video playback controls
- Optimizing and publishing a web site
Skill Level Beginner
Q: I followed all the steps and suggestions in the "Adding a progress bar" video, but when I add the progress bar to my web site, I can’t remove it once the index.swf file loads up. The progress bar remains on the homepage and the rest of the pages. How do I make it disappear once the site loads?
A: To make it disappear, just make sure the progress bar is only in frame 1. If it’s on its own layer, then right-click on the 2nd frame in that same layer and select "Insert Blank Keyframe." That will make it disappear.
Q: Despite following the steps in the "Adding a progress bar" video, I cannot figure out how to keep the progress bar from appearing on a movie that has finished loading. How can I make the progress bar disappear?
A: Just add the red line below to the preloader.fla file. This will make the progress bar invisible: