• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Adding a Progress Bar

The ProgressBar component is a necessity for Flash documents that require a long time to download because they display the loading progress while a user waits. Web designers live under what is called the "ten-second rule." What that implies is that visitors to your Web site have very little patience, and they want to see things happening. When you add a ProgressBar component, the visitor sees a moving representation (a bar), letting them know the information is being downloaded.

Add a ProgressBar Component

Open the Components panel.

Click the UI Components Expand triangle.

Drag the ProgressBar component onto the Stage, and then select the bar.

Give the ProgressBar component a unique instance name in the Property Inspector.

Open the Component Inspector panel, and then select the Parameters tab.

Click the Mode list arrow, and then click Event.

Drag a Loader component from the Components panel onto the Stage.

Give the Loader component a unique instance name in the Property Inspector.

Select the ProgressBar component.

Click the Parameters tab in the Component Inspector panel, and then enter the instance name of the Loader into the Source value field.

Select Frame 1 in the Timeline of the Actions panel.

Enter the script as shown in the illustration that will load a .jpg, or .swf file into the Loader component.

When executed, the ProgressBar component will display a horizontal bar, and the percentage of the file that's loaded.

Click the Control menu, and then click Test Movie.

When executed, the ProgressBar component will display a moving horizontal bar, and a percentage which displays how much of the file has loaded.

IMPORTANT Notice that you're not adding scripts to the components on the Stage. The key is that these components are activated by scripts in Frame 1 on the Timeline, and are identified by using unique instance names for each component.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint