Flex Load Image with ProgressBar

 
     import mx.collections.ArrayCollection;
   [Bindable]
   private var datas:ArrayCollection= new ArrayCollection([{label:'Flex',data:'http://mixmatters.com/hot/2008/images/DJ_Flex-Te_Quiero.jpg'},
                   {label:'Apple',data:'http://www.teksource.com.tw/Quotation_TEK/images/product/APPLE.jpg'},
                   {label:'Google',data:'http://140.136.240.106/98/images/google_logo.jpg'},
                   {label:'Nokia',data:'http://www.blogcdn.com/www.engadgetmobile.com/media/2008/11/nokia-crystal-ball.jpg'}]);
  ]]>
 
   source="http://mixmatters.com/hot/2008/images/DJ_Flex-Te_Quiero.jpg"
  x="{this.list.x + this.list.width}"
  y="10"
  horizontalAlign="center"
  open="progressBar.visible = true"
  complete="progressBar.visible = false"
  completeEffect="Fade"/>
   x="{this.list.x + this.list.width}"
  y="10"
  source="{image}"
  visible="false"
  showEffect="Fade"
  hideEffect="Fade"/>
 
  
       image.source = list.selectedItem.data;
   ]]>