Flash Tutorial - Preloader: Progress Bar Component
Free Flash Tutorial
This is a very easy preloader to build and this tutorial will show you how to use Flash MX04 to make your own preloader using the progressBar components.
Cross Ref: There are several other Flash Pre-Loader tutorials on this site. To ensure that you are following the right tutorial for your needs, you may wish to read a brief description of each: Preloader Tutorial Listings
Example: Download the Flash file Int 147a
A photo inside a Flash Movie: Auckland, New Zealand (my home town).
Note: If you didn't see the preloader press Refresh (F5) in your Browser. Once a Flash Movie has loaded, depending on your local settings, the Browser may not wish to re-load it. Therefore if you did not see the above Movie load: Click here
Step One: Setting up the Publish Settings
Step Two: Creating the Preloader Progress Bar
Note: You should now be able to see a long list of UI Components.
Step Three: The ActionScript
// Hide the progress bar now as we don’t need it any more
myProgressBar._visible = false;
// In this example I have used the gotoandstop(); command because I want the movie to go to and stop at frame 2
// As an alternative remove the line above and un-comment any of the code below:
// This will go to the next frame but may not automatically play beyond the next frame:
// This will go to the next scene but may not automatically play beyond the first frame in the next scene:
// Replace the X with the frame number you want the Movie to go to and stop:
// Replace the X with the frame number you want the Movie to go to and play:
// When referring to frame labels ensure that the label name is in quotes in the code:
// Close the above function
// Declares a listener that detects when the progress component has loaded the movie and is complete. Then calls the function above: myProgressBarListener
// We are now setting the progress bar component variables
// Set up the progress bar component to polled when loading the movie. In this case it has to be set to polled to work
myProgressBar.mode = "polled";
// Set the location to load as this movie.
myProgressBar.source = "_root";
// Set the conversion to 1. This basically means the component divides the current and total values loaded and to be loaded. Then it floors them (works out the difference between them) and displays the converted value in the label property
myProgressBar.conversion = "1";
// Set the label to display the word 'loading' followed by the percentage value loaded so far
myProgressBar.label = "LOADING %3%%";
// The direction the progress bar moves when loading
myProgressBar.direction = "right";
// The location of the label that displays the percentage loaded so far
myProgressBar.labelPlacement = "bottom";
// Stops the Movie at the current frame until the Movie has been preloaded
Note: For addition notes on what Macromedia have to say about the Keywords used in the above ActionScript:
That's it! Easy hey?
280918 visitors to this page since
Sept 05 •
Webwasp is Phil Schulz's baby. You are welcome to contact me or become my Facebook friend: Click here
All material on this site is protected under international copyright © law. DO NOT reproduce any material from this site without written permission. Please ask as permission is often granted.