Reduce the rectangle in Xaxis in xaml silverlight

See more:

.NET

XAML

WPF

Silverlight

.NET4

I have created splash screen in silverlight and in that screen I will be showing my logo by placing that behind the rectangle and to reduce the width by percentage loaded....so that i will show my logo..I am stuck with reduce the width of rectangle....Please help me

my xaml:

<av:Rectangle Width="1" x:Name="uxProgress" av:Grid.Row="0" HorizontalAlignment="Center" >
            <av:Rectangle.RenderTransform>
                <av:TransformGroup>
                    <av:ScaleTransform x:Name="uxProgressBar" ScaleX="0" ScaleY="1"/>
                    <av:SkewTransform AngleX="0" AngleY="0"/>
                    <av:TranslateTransform X="0" Y="0"/>
                </av:TransformGroup>
            </av:Rectangle.RenderTransform>
            <av:Rectangle.Fill>
                <av:LinearGradientBrush EndPoint="1,0" StartPoint="1,0">
                    <av:GradientStop Color="Red" Offset="1"/>
                    <av:GradientStop Color="White" Offset="0"/>
                </av:LinearGradientBrush>
                <!--<av:ImageBrush ImageSource="../Splash/Logo.png" />-->
            </av:Rectangle.Fill>
        </av:Rectangle>

My Js file code on loading

function onSourceDownloadProgressChanged(sender, eventArgs) {
    /*sender.findName("uxStatus").Text = "Loading: " + Math.round((eventArgs.progress * 1000)) / 10 + "%";*/
    sender.findName("uxProgressBar").ScaleX = eventArgs.progress *220;
    sender.findName("StatusText").Text = Math.round((eventArgs.progress * 1000)) / 10 + "%";
}

Thanks