CustomPreloaderclass is copied from the example above, and modified to be more easily customizable (I hope!). The colors and sizes are mostly defined at the top of the class.
The important functions inside
CustomPreloaderare as follows (they are all near the top of the class):
clear()- draws the background color/gradient
createAssets()- creates the assets (logo, progress bar, loading textfield) and positions them on the stage
draw()- draws the progress bar as the application is loading
Here is a screenshot of the preloader, click on the image to view the flex application in a new window:
** I've subsequently written a test application which is very useful when designing your custom preloader, check it out here: Showing the preloader again after loading.
More Custom Preloaders and Tutorials