necesito crear una especie de agenda tipo "timeline" esta consta de que dependiendo de la hora que indique la parte de la linea de tiempo valla haciendo una animación ( en realidad lo que hace es resaltar la actividad en dicha hora) y al mismo tiempo una barra (blanca) que ira creciendo de izquierda a derecha pasando por cada punto (actividad) del dia. y todo debe ir sincronizado con la hora a tiempo real.
exactamente necesito un código que me permita hacer crecer la barra (blanca) hacia la derecha. y otro código que haga mover los fotogramas dependiendo de la hora también, he realizado un poco mas o menos lo siguiente:

y el codigo que he pensado es el siguiente:
var now:Date = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
if (hours == 10){
gotoAndPlay("10hora");}
if (hours == 11){
gotoAndPlay("11hora");}
if (hours == 12){
gotoAndPlay("12hora");}
if (hours == 131){
gotoAndPlay("1hora");}
if (hours == 14){
gotoAndPlay("2hora");}
if (hours == 15){
gotoAndPlay("3hora");}
if (hours == 16){
gotoAndPlay("4hora");}
if (hours == 17){
gotoAndPlay("5hora");}
if (hours == 1

gotoAndPlay("6hora");}
if (hours == 19){
gotoAndPlay("7hora");}