Actionscript: Tile image like background repeat-x - actionscript

Question

var bar:Sprite=new Sprite();
bar.graphics.clear();
var y:*=stage.stageHeight-(el.sprite.height+margin);
bar.graphics.beginBitmapFill((el.sprite.content as Bitmap).bitmapData);
bar.graphics.drawRect(margin,y,stage.stageWidth-margin*2,el.sprite.height);
bar.graphics.endFill();
el.sprite is Loader instance.
Image to repeat-x
I'm getting strange rendering results:
What i'm doing wrong?
Updated post

Answer 1

I'm not sure what you're trying to do with the margin/y values, but if you want the bitmap to repeat inside the container, starting at x=y=0, then the following works:
var bar:Sprite = new Sprite();
bar.graphics.beginBitmapFill((el.sprite.content as Bitmap).bitmapData);
bar.graphics.drawRect(0,0,desiredBarWidth, desiredBarHeight);
bar.graphics.endFill();
For any padding/margin, place the bar inside a container and position it that way. Of course, if you're using the first image (the gradient, not the arrow), you could simply do the following:
var bar:Sprite = new Sprite();
bar.addChild(el.sprite.content as Bitmap);
bar.width = desiredBarWidth;
This will stretch the bar and its contents to whatever width you specify - it's probably cleaner and more flexible if you're using a bitmap (such as the gradient) that doesn't change when stretched.

Answer 2

Changing to this, helped me. But i still don't understand. What was the issue?
bar.graphics.clear();
var y:*=stage.stageHeight-(el.sprite.height+margin);
bar.graphics.beginBitmapFill((el.sprite.content as Bitmap).bitmapData);
bar.graphics.drawRect(0,0,stage.stageWidth-margin*2,el.sprite.height);
bar.graphics.endFill();
bar.y=y;