• Now select the "background" layer and click on its 100th frame and press F5.
• Likewise create 100 frames by pressing F5 for ‘box’ and ‘loader’ layers also.
• On the ‘slider’ layer select 100th frame and then press F6.
• Now select the 1st frame of the ‘slider’ layer and get move the rectangle shape towards left side .The result should fully disclose the small rectangle which is at the ‘loader’ layer[see fig(e)].

• Get select the first frame of ‘slider’ layer, right click and click create tween.
• Then select the ‘loader’ layer, then right click and click mask.
• Create a new layer and make an empty dynamic text just under the big rectangle shape as shown in fig(f) and at the properties window give the var name as "text".
• Now get back to main scene and get select the movie clip. By selecting the movie clip, Open the actions window and paste the
  following code.
  

 onClipEvent(load){
 total = _root.getBytesTotal();
 }
 onClipEvent (enterFrame){
 loaded = _root.getBytesLoaded();
 percent = int(loaded/total*100);
 text = "LOADING"+percent+"%";
 gotoAndStop(percent);
 if (loaded == total){
 _root.gotoAndPlay(2);
 }
 }

• Create a new layer at the main scene and name it as “action”.
• Select the first frame, Open the actions window and write the code
  stop();