Dynamic Circular Preloader Tutorial

Published :
Author :
Adam Khoury
Learn how to create true dynamic circular(circle shaped) preloaders that go around clockwise or counter-clockwise to show completed loading progress of your flash web content that requires preloading due to its size. Adam uses a mid level complexity masking maneuver to pull off this otherwise mind boggling exercise in flash. // Frame 1 main timeline function loadProgress(my_content:ProgressEvent):void { var percent:Number = Math.floor( (my_content.bytesLoaded * 100) / my_content.bytesTotal ); myLoadText.text = percent + "%"; circleLoader.gotoAndStop(percent); } function loadComplete(e:Event):void { currentFrame + 1; } loaderInfo.addEventListener(ProgressEvent.PROGRESS, loadProgress); loaderInfo.addEventListener(Event.COMPLETE, loadComplete); // Frame 2 main timeline stop();