Learn Tutorial: Preloader Component - ActionScript	Home • Food • Mates • Members • Tutorials • Forum • Buy Templates • Contact Us

Flash Tutorial - Preloader: Progress Bar Component

Free Flash Tutorial

Step Three: The ActionScript

1. In the Timeline click on the Insert Layer Button:
2. Rename this new Layer: ActionScript
3. On frame 1 of this new Layer add the following ActionScript (if you wish you may leave out the gray code hints):
   
   
   // Create a listener object event function. The progress bar is an object so it needs an object function to work
   myProgressBarListener = new Object();
   
   // When the progress bar is complete and has preloaded this movie, the listener will call and run this code below:
   myProgressBarListener = function (eventObject) {

// 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
gotoAndStop(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:
// nextFrame();

// This will go to the next scene but may not automatically play beyond the first frame in the next scene:
// nextScene();

// Replace the X with the frame number you want the Movie to go to and stop:
// gotoAndStop(X);

// Replace the X with the frame number you want the Movie to go to and play:
// gotoAndPlay(X);

// When referring to frame labels ensure that the label name is in quotes in the code:
// gotoAndPlay("MyLableName");

// 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
myProgressBar.addEventListener("complete", 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
stop();

Note: For addition notes on what Macromedia have to say about the Keywords used in the above ActionScript:

• addEventListener
• mode
• source
• conversion
• label
• direction
• labelPlacement

That's it! Easy hey?