Никак не пойму как добавлять написанные в MXML компоненты напрямую через AS код.
Имеется класс Main.as:

Код AS3:
package
{
import flash.display.Sprite;
public class Main extends Sprite
{
public function Main()
{
var el:Preloader = new Preloader();
addChild(el);
}
}
}
И собственно MXML компонент:

Код:
<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" width="598" height="440" color="#F59F9F" rollOverColor="#F59F9F" contentBackgroundAlpha="1.0" contentBackgroundColor="#000000">
<s:layout>
<s:BasicLayout/>
</s:layout>
<mx:ProgressBar x="26" y="400" width="547" labelPlacement="center" height="30" fontWeight="normal" chromeColor="#000000" color="#779EE5" id="progressBar" maximum="100" minimum="0" indeterminate="false" enabled="true"/>
<s:TextArea width="547" height="381" x="26" y="11" text="Загрузка..." id="consoleArea" editable="false" enabled="true" color="#A5C2F6"/>
</s:Group>
Такой вариант не работает, прошу объяснить, в чем ошибка и как это реализовать по нормальному.