Logré crear una barra de progreso donde usé queue.on("progress", handleProgress); para cambiar la escala X de un clip de película que nombré como bar_mc.

 var queue = new createjs.LoadQueue(); queue.on("complete", handleComplete); queue.on("progress", handleProgress); queue.loadFile({ id: "img", src: "images/image.jpg" }); function handleComplete(evt) { console.log("Done!"); createjs.Ticker.removeAllEventListeners(); }; function handleProgress(event) { console.log("Event Loading: " + (queue.progress.toFixed(2) * 100) + "%"); }; createjs.Ticker.addEventListener("tick", handleTick.bind(this)); function handleTick(event) { console.log("ticking"); this.bar_mc.scaleX = queue.progress; };

Funciona, pero comienza en el centro como en a) :

¿Cómo hago para que comience desde un lado como en b) ?

Además, esto me dio un error cuando lo probé, pero ¿hay alguna manera de poner this.bar_mc.scaleX en la función handleProgress(event) en lugar de usar una función de teletipo separada para animar bar_mc?

Actualización: estoy seguro de que hay una manera de hacerlo usando código, pero no sé cómo hacerlo. Todo lo que tenía que hacer era cambiar el punto de transformación en Animate:

¡Ahora bar_mc escala desde un lado!

Actualización 2: usó la información de Muhammed Maruf sobre "fileprogress" y cambió el código. Ahora se ve más limpio sin tener que usar un ticker separado para escalar bar_mc.

Agregar var root antes de los códigos queue.on me permitió agregar root.bar_mc.scaleX a la función handleProgress(event) sin necesidad de cambiar el "progreso":

 var root = this; root.bar_mc.scaleX = 0; var queue = new createjs.LoadQueue(); queue.on("complete", handleComplete); queue.on("progress", handleProgress); queue.loadFile({ id: "img", src: "images/image.jpg" }); function handleComplete(evt) { console.log("Done!"); // do other stuff }; function handleProgress(event) { console.log("Event Loading: " + (queue.progress.toFixed(2) * 100) + "%"); root.bar_mc.scaleX = queue.progress; };