flex show multiple sections in a single progress bar

I need to show multiple sections in single progress bar where each component is of different color. Can any one suggest me any external component or an开发者_StackOverflowy idea to implement this.

Thanks

Anji

Had to do this a while back and opted to take the following route:

I built a custom preloader by extending the DownloadProgressBar and then integrated it with this Degrafa component. http://degrafa.org/source/CapacityIndicator/CapacityIndicator.html

To create the custom preloader, I think I used this tute: http://iamjosh.wordpress.com/2007/12/18/flex-custom-preloader/

and then created a separate class that was responsible for dynamically adjusting the values in that degrafa component linked above. And then of course in your SWFDownloadProgress function (on the Progress Event), you can adjust those values accordingly.

I found this to be the quickest and a fairly clean way of doing it to achieve the most visually pleasing component, although there are other several ways to do it, here is a post for a similar question, where the second answer (not mine) shows an alternate way of handling it:

How to dynamically fill a progress bar in Flex/Actionscript?

Good luck :)

I recently answered a similar question that you may find useful: How to dynamically fill a progress bar

In a nutshell, you create a custom skin based on the ProgressBarSkin. Hope that helps.