Custom SplashScreen

Question

Hi,

I'm the only one having trouble trying to make a custom SplashScreen working ?

I have my splashscreen.xaml showing up at first but the OnPluginSourceDownloadProgressChanged doesn't seem to be triggered and I got this :

 

 

 

 

 

 

 

 

 

 

Where do I have to look for in that mess ?
I mean, the .JS is under the SplashScreen.xaml outside the ClientBin as I'm supose to and everything go look at the js provided in the QuickStart section of this web site

I'm out of ideas

Here's the .JS code :

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

Answer 1

 I take it you are implementing the example splash screen given in the documentation? If this is any help then I can confirm that I got this example working and therefor you probably have a typo somewhere. Hope you'll find it :)

Answer 2

:)

Now the question is : which object doesn't support this property or method that the error shown in my previous message is talking about
I've looked everything and it doesn't surface.

It says in Default.aspx yeah sure. but What, where, when I mean !  It must be about the javascript function which seems to be very the same as the QuickStart which I did copy/paste so it should work.

The fact that I see the splashscreen xaml when starting the application, however the progress doesn't run so the javascript function is not running probably due to this error that I'm trying to figure out where it is.......

Any expert on the question over here ?

 

Answer 3

Hi

Could you post a demo project that can reproduce this problem?

Answer 4

Hi

Could you post a demo project that can reproduce this problem?

 

Sure, just go there : http://gearworld.dyndns.org:8082/devpreview and press the big button to download the entire project

Answer 5

Here's a more accurate description of the problem I'm looking for.  I'm getting close to it :)

 

 

 

 

 

 

 

 

 

Even tought I have the right object which is a TextBlock named uxStatus and is supose to have a property called Text as I.m sure there is

<TextBlock x:Name="uxStatus" Height="25" Canvas.Left="125" Text="Loading..." TextWrapping="Wrap" Canvas.Top="4.16" Foreground="#FFFFFFFF"/>

Answer 6

When I take a look at the source once the page is loaded I see this :

<script type="text/javascript">
//<![CDATA[
Sys.Application.initialize();
Sys.Application.add_init(function() {
    $create(Sys.UI.Silverlight.Control, {"source":"ClientBin/GearSite.xap","splashScreenSource":"SplashScreen.xaml"}, {"pluginSourceDownloadProgressChanged":onSourceDownloadProgressChanged}, null, $get("Silverlight1_parent"));
});
//]]>
</script>

Is that null can be the source of the problem ?  Isn't null supose to be the sender that the javascript function receives ?

Answer 7

Hi

Sure, just go there : http://gearworld.dyndns.org:8082/devpreview and press the big button to download the entire project

 

I cannot view the page. Could you check if it's available?

Answer 8

What time it was ? I open my PC between 6:00am and 8:00pm EST
Its actually 12:54pm over here and its opened and fonctional.

Let me know

 

Answer 9

Hi

What time it was ? I open my PC between 6:00am and 8:00pm EST
Its actually 12:54pm over here and its opened and fonctional.

It's still unavailable on my side at 11:30 AM (GMT +8:00). You can upload your project here:

Windows Live SkyDrive

Answer 10

Hi

What time it was ? I open my PC between 6:00am and 8:00pm EST
Its actually 12:54pm over here and its opened and fonctional.

It's still unavailable on my side at 11:30 AM (GMT +8:00). You can upload your project here:

Windows Live SkyDrive

 

Wow weird.  This site is opened Wold Wide. on port 8082 and I can access it from anywhere.  Either SkyDrive is taking too long or the upload hangs at the end.  Been there waiting for about half an hour.  Well, try this link then else let me know of any other way

http://gearworld.dyndns.org:8082/devpreview/GearProject.zip

 

I never been able to make it work.  Always the Object doesn't support this property or method on the JavaScript side

 

Answer 11

 try this and see if it works for you...

     <script type="text/javascript">
        function onSourceDownloadProgressChanged(sender, args)
        {
            var myHost = document.getElementById("Xaml1");
            var textblock = myHost.content.findName("text1");
            textblock.Text = "FERNANDO YEAH! - " + Math.round(args.get_progress() * 100) + "%";
        }
    </script>

Answer 12

I will.

My site is tempory down due to a system change.
I will have it tomorrow so I will put back my web site and test your idea.»

Thank you

Answer 13

Hello,  

there is a gud example of Custom SplashScreen given in the link below :

http://www.cameronalbert.com/post/2008/03/lt3baspSilverlight-gt3b-Override.aspx

just go through it, it might help you resolve your problem..

Answer 14

Sorry but this is old stuff dude.  If you go there,  you will see me writting tons of message in there to understand how it was working.
I already had my own splash screen in the past.  This link of yours was very helpful at that time.  Now we are with beta 2 and all this isn't really working anymore since the .js file which call the event is never called and gives error.

I will have to go all round this another time since this isn't my priority anymore.  But I'm sure the Spash Screen needs a good REMAKE and lets hope they'ill include it in a nice way with just a few properties to set and voila.  IF not,  I will have to go all back then to know what I have to do to make my own custom splash screen.

Anyway.  Lets hope

Now I'm working on a Forums system  which you can see here :

http://gearworld.dyndns.org:8082/devpreview and press the Forum button

User : gear
password : slgear

if the site isn't available check your SECURITY ZONE since this can prevent you to see the site
Also its opened between 6:00am and 9:00pm EST

 

Answer 15

 try this and see if it works for you...

     <script type="text/javascript">
        function onSourceDownloadProgressChanged(sender, args)
        {
            var myHost = document.getElementById("Xaml1");
            var textblock = myHost.content.findName("text1");
            textblock.Text = "FERNANDO YEAH! - " + Math.round(args.get_progress() * 100) + "%";
        }
    </script>

Works like a charm.  Thank you

Answer 16

By the way.  Is there way to center horizontaly and verticaly the splashscreen on screen. 
I tried getting the stuff inside the canvas and paste it on a new UserControl from beta2 with GridLayout and there's an error saying XamlReader.Load doesn't support x:class and all kind of error so I just let the xaml as it is but its not center on screen

The SplashScreen I have is the one taken from the QuickStarts tutorial
Since my application is taking the entire screen and everything is layed out with grids, my actual host is

 

<div>
   <asp:Silverlight ID="Silverlight1" runat="server" 
      width="100%" Height="100%" BackColor="Transparent" 
      Windowless="True" PluginBackground="Transparent"
      Source="ClientBin/GearSite.xap" HtmlAccess="Enabled"
      SplashScreenSource="~/SplashScreen.xaml"
      OnPluginSourceDownloadProgressChanged="onSourceDownloadProgressChanged" />
</div>

 

Answer 17

GearWorld:

use CSS styles. I usually center only Horizontal and just give a few <br/> on top (1 or 2 will do)... but if you want you can center on your xaml code.. just  give it 100% width and 100% height and create a layout with your stuff centered...

Answer 18

There's no way to use CSS in there since this is a .xaml loaded by the plugin with the properties for a custom splashscreen
and since its not included in the .XAP I can't use all the great stuff that I'm used to center things on screen like the Grid....

So now again how do we center the CUSTOM SPLASHSCREEN with the stuff given in the QuickStarts tutorial !

Thank you

Answer 19

 inline CSS way:

    <form id="form1" runat="server" style="height:100%;background-color: Gray;">
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>
        <br /><br />
        <div  style="width: 783px;height:600px;left: 50%;margin: auto;"> <!-- top: 50%;margin-top: -300px; --->
            <asp:Silverlight ID="Xaml1" runat="server" MinimumVersion="2.0.30523" AutoUpgrade="true" Source="~/ClientBin/SilverlightApplication1.xap" Width="783" Height="600" />
        </div>
    </form>

Answer 20

Ferdna.  Thank you for your help.

But the loaded .xaml ISN'T part of a div or anything.  Its on the fly by the plugin.
I don't see any div there that encapsulate the splashscreen.  Just the Application is in the main div which is hosted by the asp.net .aspx page

Believe me.  This div which is the ONLY one that host my SilverLight App already have its style that works perfectly with the actual application.
the SPLASHSCREEN.XAML loaded by the plugin property and manipulated by the javascript INSIDE the same .ASPX that host the application isn't part of any DIV and any FORM.  It's just displayed by the plugin.  So there's no way for me to use a CSS either INLINE or OUTLINE :)

Hope this helps clear things up.

 

Answer 21

right!

 

 

hmmm... you will have to use xaml code to do this.. post code and i will center for you.

Answer 22

Ok when back to home in 4.5 hours :)

Answer 23

Any solution on this? I have the same problem not being able to center the SplashScreen...

Answer 24

Sorry not yet and I would almost pay for it.  I'm stuck with this problem if a xmal for splashscreen, which is very ugly since we can't use all the goodies of a great xmal from Blend 2, and still unable at least to CENTER it on screen for the user that sees it.

Can't wait to see a GURU coming to tell a great story about CUSTOM SPLASH SCREEN which I find very basic and also I find this a very import part of SilverLight and yet its a shame not being able to make a nice custom splash screen easily and very center on screen with animation and all that stuff we can do with Expression Blend 2

Anyway.  I'm waiting....

 

Answer 25

 post code and i will help center

Answer 26

 post code and i will help center

<Canvas
        xmlns="http://schemas.microsoft.com/client/2007" 
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
        x:Name="parentCanvas" 
        Width="1159"
        Height="478"
        Background="Transparent" Opacity="1"
        >
    <Canvas Canvas.Left="320" Canvas.Top="200" Width="800" Height="40" Canvas.ZIndex="100">
        <Rectangle Width="40" Height="1" x:Name="uxProgress" Canvas.Top="40" Canvas.Left="1.4" Canvas.ZIndex="100">
            <Rectangle.RenderTransform>
                <TransformGroup>
                    <ScaleTransform x:Name="uxProgressBar" ScaleX="1" ScaleY="0"/>
                    <SkewTransform AngleX="0" AngleY="0"/>
                    <RotateTransform Angle="270"/>
                    <TranslateTransform X="0" Y="0"/>
                </TransformGroup>
            </Rectangle.RenderTransform>
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
                    <GradientStop Color="#FFFFFFFF" Offset="1"/>
                    <GradientStop Color="#FFFFFFFF" Offset="0"/>
                    <GradientStop Color="#FF2975D0" Offset="0.28"/>
                    <GradientStop Color="#FF2975D0" Offset="0.72"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

        <TextBlock x:Name="uxStatus" Height="24" Canvas.Left="374" Text="Loading..." TextWrapping="Wrap" Canvas.Top="8" Foreground="#FFFFFFFF" FontWeight="Bold" FontFamily="Arial" FontSize="16" Canvas.ZIndex="100"/>

        <Path Width="800" Height="1" Fill="#FF3A3A3A" Stretch="Fill" Stroke="#FF000000" Canvas.Top="0" Data="M0,170.5 L356.84209,170.5" Opacity="0.35" Canvas.ZIndex="100"/>
        <Path Width="1.662" Height="40" Fill="#FF3A3A3A" Stretch="Fill" Stroke="#FF000000" Canvas.Top="0.48" Canvas.Left="0.2" Data="M360,168 L360,0" Opacity="0.35" Canvas.ZIndex="100" />

        <Path Width="800" Height="1" Fill="#FF3A3A3A" Stretch="Fill" Stroke="#FF000000" Canvas.Top="40" Data="M0,170.5 L356.84209,170.5" Opacity="0.35" Canvas.ZIndex="100"/>
        <Path Width="800" Height="1" Fill="#FFA2A2A2" Stretch="Fill" Stroke="#FF000000" Canvas.Top="40" Data="M0,170.5 L356.84209,170.5" Opacity="0.25" Canvas.ZIndex="100"/>
        <Path Width="1.662" Height="40" Fill="#FF3A3A3A" Stretch="Fill" Stroke="#FF000000" Canvas.Left="800" Data="M360,168 L360,0" Opacity="0.35" Canvas.Top="-0.498" Canvas.ZIndex="100"/>
        <Path Width="1" Height="40" Fill="#FFA2A2A2" Stretch="Fill" Stroke="#FF000000" Canvas.Left="800" Data="M360,168 L360,0" Opacity="0.245" Canvas.Top="-0.498" Canvas.ZIndex="100" />
    </Canvas>
</Canvas>

 I would prefer a complet .xaml with .cs and working with grid but since this is loaded without this possibility.  Here's the only xaml for my splash screen that comes from a lon way since QuickStart SplashScreen tutorial was out :)

 

Answer 27

try this two tags: HorizontalAlignment="Center" VerticalAlignment="Center"

Answer 28

try this two tags: HorizontalAlignment="Center" VerticalAlignment="Center"

The HorinzontalAlignment attribute is not declared

same for Vertical

I tried to place it in the header and also on the Canvas

Answer 29

Try this out: 

<Border xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
          x:Name="brdSplash" Background="Black">
  <Grid HorizontalAlignment="Stretch" MinWidth="984" MinHeight="585" ShowGridLines="False" Background="Black">
    <!-- your content goes here -->
    <Image Source="../images/bigLogo.png" Stretch="Fill" x:Name="imgLogo" Width="463" Height="124" />
  </Grid>
</Border>

 This will definately resolve your problem....... :)  Let me know... whether it resolved....

Answer 30

 Hi,

Let me explain the context first.
The splashscreen.xaml is not part of the .xap and it is just sitting there on the web application whitout any reference to any other SilverLight controls.

So I don't have acces to GRID, BORDER or any normal controls as for the silverlight application.
hence I can't use Grid because if I would be able to I could do an awesome splashscreen.  if you know what I mean.

All I have in there is the Canvas.

This comes from Quick Start somewhere I don't remember...

 

Answer 31

Still a long time and I never been able to make a splash screen centered on screen with Canvas as Grid isn't available
For the reason everybody knows about.

 

Answer 32

Hi,

I am able to use Grid in custom splash screen. Its working for me. 

<Grid   xmlns="http://schemas.microsoft.com/client/2007"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"        
        Background="White" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
        x:Name="parentCanvas">

    <Grid Height="250" VerticalAlignment="Center" Background="#FF0A3358" HorizontalAlignment="Center" Width="475">
        <Grid.Effect>
            <DropShadowEffect Color="#FF666666" BlurRadius="100" ShadowDepth="0" Direction="0"/>
        </Grid.Effect>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="50"/>
                <RowDefinition/>
                <RowDefinition Height="Auto"/>
                <RowDefinition Height="Auto"/>
            </Grid.RowDefinitions>

            <Canvas x:Name="LogoCanvas" Margin="22,3,0,0">
                <Path Data="F1M161.5088,132.6523L161.5088,129.3633C161.5088,127.9633,159.7668,127.2633,156.2808,127.2633L142.1648,127.2633L142.1648,135.5843L156.2998,135.5843C159.7718,135.5843,161.5088,134.6063,161.5088,132.6523 M165.4758,132.7903C165.4758,135.1943,164.3818,136.9383,162.1948,138.0203C160.5958,138.8003,158.5528,139.1893,156.0648,139.1893L142.1648,139.1893L142.1648,146.2573C142.1648,147.0523,141.8828,147.5433,141.3178,147.7273C141.1248,147.7953,140.5428,147.8283,139.5688,147.8283C138.6318,147.8283,138.1628,147.3053,138.1628,146.2603L138.1628,125.2233C138.1628,124.1933,138.6318,123.6773,139.5688,123.6773L156.2448,123.6773C158.3728,123.6773,160.2828,124.0213,161.9778,124.7083C164.3098,125.6723,165.4758,127.1183,165.4758,129.0463z" Fill="#FFFFFFFF" Height="24.151" Canvas.Left="0" Stretch="Fill" Canvas.Top="1.296" Width="27.313"/>
                <Path Data="F1M179.1045,130.79C179.1045,131.82,178.6295,132.335,177.6805,132.335L176.9685,132.335L176.0585,132.335C173.1375,132.335,171.6775,133.133,171.6775,134.729L171.6775,146.265C171.6775,147.043,171.4185,147.523,170.9015,147.709C170.6975,147.787,170.1385,147.828,169.2255,147.828C168.2885,147.828,167.8195,147.299,167.8195,146.241L167.8735,134.699C167.8735,130.772,171.1425,128.809,177.6805,128.809C178.6295,128.809,179.1045,129.469,179.1045,130.79" Fill="#FFFFFFFF" Height="19.019" Canvas.Left="29.657" Stretch="Fill" Canvas.Top="6.428" Width="11.285"/>
                <Path Data="F1M200.6484,141.9194L200.6484,134.5974C200.6484,133.0884,199.0854,132.3354,195.9604,132.3354L189.7774,132.3354C188.6354,132.3354,187.6024,132.4934,186.6764,132.8114C185.3784,133.2744,184.7294,133.9764,184.7294,134.9154L184.7294,141.9194C184.7294,142.8334,185.3974,143.4944,186.7304,143.9044C187.6204,144.1814,188.6414,144.3214,189.7954,144.3214L195.9794,144.3214C196.9884,144.3214,197.9324,144.1624,198.8094,143.8444C200.0354,143.4074,200.6484,142.7674,200.6484,141.9194 M204.5064,141.9174C204.5064,144.0724,203.5334,145.6594,201.5864,146.6764C200.1074,147.4434,198.2684,147.8284,196.0694,147.8284L189.7414,147.8284C187.5534,147.8284,185.6724,147.4374,184.0984,146.6574C181.9834,145.6264,180.9254,144.0444,180.9254,141.9174L180.9254,134.9174C180.9254,132.8154,181.9774,131.2084,184.0804,130.0974C185.7274,129.2384,187.6074,128.8084,189.7234,128.8084L196.0694,128.8084C201.6944,128.8084,204.5064,130.8314,204.5064,134.8774z" Fill="#FFFFFFFF" Height="19.02" Canvas.Left="42.763" Stretch="Fill" Canvas.Top="6.427" Width="23.581"/>
                <Path Data="F1M226.8979,141.8242L226.8979,134.4552C226.8979,133.4512,226.1939,132.7972,224.7879,132.4932C224.1879,132.3742,223.1349,132.3152,221.6329,132.3152L215.7019,132.3152C212.3359,132.3152,210.6539,133.0612,210.6539,134.5532L210.6539,144.1632L222.5169,144.1632C225.4379,144.1632,226.8979,143.3832,226.8979,141.8242 M230.7379,141.7642C230.7379,145.6872,227.9979,147.6492,222.5169,147.6492L210.6539,147.6492L210.6539,151.5122C210.6539,152.2772,210.3959,152.7532,209.8789,152.9382C209.6739,153.0172,209.1329,153.0572,208.2559,153.0572C207.3189,153.0572,206.8499,152.5432,206.8499,151.5122L206.8499,134.4552C206.8499,132.1302,207.8349,130.5322,209.8069,129.6602C211.1049,129.0932,213.0159,128.8082,215.5399,128.8082L221.5979,128.8082C227.6899,128.8082,230.7379,130.6712,230.7379,134.3952z" Fill="#FFFFFFFF" Height="24.249" Canvas.Left="68.687" Stretch="Fill" Canvas.Top="6.427" Width="23.888"/>
                <Path Data="F1M253.1826,136.7334L253.1826,134.3954C253.1826,132.9694,250.6046,132.2554,245.4496,132.2554C244.8116,132.2554,244.1476,132.2694,243.4566,132.2954C242.7656,132.3214,242.4616,132.3354,242.5456,132.3354C238.7126,132.3354,236.7956,133.0754,236.7956,134.5534L236.7956,136.7334z M256.8966,138.6344C256.8966,139.7844,256.5416,140.3584,255.8326,140.3584L236.9216,140.3584C236.7886,143.0124,238.7296,144.3394,242.7446,144.3394L243.7726,144.3394L244.6916,144.3394C245.6296,144.3394,246.0976,144.9834,246.0976,146.2714C246.0976,147.3084,245.6296,147.8284,244.6916,147.8284C242.2276,147.8284,240.5756,147.7814,239.7336,147.6884C237.6306,147.4634,236.0856,146.9214,235.1006,146.0624C233.6946,144.8464,232.9916,143.4304,232.9916,141.8184L232.9916,134.8174C232.9916,132.6234,234.0846,131.0034,236.2726,129.9594C237.8706,129.1784,239.8176,128.7894,242.1136,128.7894L249.2166,128.7894C251.1036,128.7894,252.7506,129.1514,254.1566,129.8784C255.9836,130.8164,256.8966,132.2104,256.8966,134.0584z" Fill="#FFFFFFFF" Height="19.039" Canvas.Left="94.829" Stretch="Fill" Canvas.Top="6.408" Width="23.905"/>
                <Path Data="F1M270.5259,130.79C270.5259,131.82,270.0509,132.335,269.1019,132.335L268.3899,132.335L267.4799,132.335C264.5589,132.335,263.0989,133.133,263.0989,134.729L263.0989,146.265C263.0989,147.043,262.8399,147.523,262.3229,147.709C262.1189,147.787,261.5599,147.828,260.6469,147.828C259.7099,147.828,259.2399,147.299,259.2399,146.241L259.2949,134.699C259.2949,130.772,262.5639,128.809,269.1019,128.809C270.0509,128.809,270.5259,129.469,270.5259,130.79" Fill="#FFFFFFFF" Height="19.019" Canvas.Left="121.077" Stretch="Fill" Canvas.Top="6.428" Width="11.286"/>
                <Path Data="F1M286.0303,130.9087C286.0303,131.9387,285.5553,132.4537,284.6063,132.4537L278.5843,132.4537L278.5843,146.2597C278.5843,147.3057,278.1163,147.8277,277.1783,147.8277C276.3013,147.8277,275.7543,147.7817,275.5383,147.6887C275.0323,147.5027,274.7803,147.0277,274.7803,146.2597L274.7803,132.4537L273.4463,132.4537C272.4613,132.4537,271.9683,131.8727,271.9683,130.7107C271.9683,129.5487,272.4613,128.9667,273.4463,128.9667L274.7803,128.9667L274.7803,125.2227C274.7803,124.1927,275.2493,123.6777,276.1863,123.6777C277.0753,123.6777,277.6233,123.7177,277.8273,123.7967C278.3323,123.9817,278.5843,124.4567,278.5843,125.2227L278.5843,128.9667L284.6063,128.9667C285.5553,128.9667,286.0303,129.6147,286.0303,130.9087" Fill="#FFFFFFFF" Height="24.15" Canvas.Left="133.805" Stretch="Fill" Canvas.Top="1.296" Width="14.062"/>
                <Path Data="F1M292.2861,146.2598C292.2861,147.3058,291.8111,147.8278,290.8621,147.8278C289.9961,147.8278,289.4551,147.7808,289.2391,147.6888C288.7461,147.4898,288.4991,147.0138,288.4991,146.2598L288.4991,131.8818C288.4991,130.8498,288.9741,130.3338,289.9241,130.3338C290.7771,130.3338,291.3181,130.3738,291.5471,130.4528C292.0391,130.6518,292.2861,131.1278,292.2861,131.8818z M292.8081,127.7978C292.8081,128.4718,292.5501,129.0068,292.0331,129.4028C291.5771,129.7598,291.0121,129.9378,290.3381,129.9378C289.6651,129.9378,289.1001,129.7598,288.6441,129.4028C288.1271,129.0068,287.8691,128.4718,287.8691,127.7978C287.8691,127.1248,288.1211,126.5898,288.6261,126.1938C289.0951,125.8368,289.6651,125.6588,290.3381,125.6588C290.9991,125.6588,291.5651,125.8368,292.0331,126.1938C292.5501,126.5898,292.8081,127.1248,292.8081,127.7978" Fill="#FFFFFFFF" Height="22.169" Canvas.Left="149.706" Stretch="Fill" Canvas.Top="3.278" Width="4.939"/>
                <Path Data="F1M315.2539,136.7334L315.2539,134.3954C315.2539,132.9694,312.6759,132.2554,307.5199,132.2554C306.8819,132.2554,306.2189,132.2694,305.5269,132.2954C304.8369,132.3214,304.5329,132.3354,304.6169,132.3354C300.7829,132.3354,298.8659,133.0754,298.8659,134.5534L298.8659,136.7334z M318.9679,138.6344C318.9679,139.7844,318.6129,140.3584,317.9039,140.3584L298.9919,140.3584C298.8599,143.0124,300.8009,144.3394,304.8159,144.3394L305.8429,144.3394L306.7629,144.3394C307.6999,144.3394,308.1689,144.9834,308.1689,146.2714C308.1689,147.3084,307.6999,147.8284,306.7629,147.8284C304.2979,147.8284,302.6459,147.7814,301.8049,147.6884C299.7009,147.4634,298.1569,146.9214,297.1709,146.0624C295.7659,144.8464,295.0629,143.4304,295.0629,141.8184L295.0629,134.8174C295.0629,132.6234,296.1559,131.0034,298.3439,129.9594C299.9409,129.1784,301.8889,128.7894,304.1849,128.7894L311.2879,128.7894C313.1739,128.7894,314.8209,129.1514,316.2279,129.8784C318.0539,130.8164,318.9679,132.2104,318.9679,134.0584z" Fill="#FFFFFFFF" Height="19.039" Canvas.Left="156.9" Stretch="Fill" Canvas.Top="6.408" Width="23.905"/>
                <Path Data="F1M343.1074,142.3896C343.1074,146.0156,340.5954,147.8276,335.5714,147.8276L322.6994,147.8276C321.7624,147.8276,321.2934,147.3056,321.2934,146.2616C321.2934,144.9676,321.7624,144.3216,322.6994,144.3216L335.5894,144.3216C337.9694,144.3216,339.1594,143.6776,339.1594,142.3906L339.1594,141.6736C339.1594,140.5196,338.0774,139.9426,335.9144,139.9426L329.7304,139.9426C324.0454,139.9426,321.2034,138.1996,321.2034,134.7126L321.2034,133.6816C321.2034,131.3576,322.6514,129.8656,325.5474,129.2046C326.7134,128.9406,328.9374,128.8086,332.2184,128.8086C333.1684,128.8086,333.6434,129.3306,333.6434,130.3736L333.6434,130.7896C333.6434,131.8196,333.1684,132.3346,332.2184,132.3346L329.4784,132.3346C328.0714,132.3346,327.2184,132.3546,326.9184,132.3946C325.6444,132.5526,325.0074,132.9826,325.0074,133.6816L325.0074,134.6726C325.0074,135.4926,325.6624,136.0136,326.9724,136.2386C327.4654,136.3306,328.3904,136.3766,329.7484,136.3766L336.0584,136.3766C340.7574,136.3766,343.1074,138.0896,343.1074,141.5166z" Fill="#FFFFFFFF" Height="19.019" Canvas.Left="183.041" Stretch="Fill" Canvas.Top="6.427" Width="21.904"/>
                <Path Data="F1M479.0127,145.6279C479.0127,146.3019,478.7477,146.8439,478.2187,147.2519C477.7617,147.6089,477.1977,147.7869,476.5237,147.7869C475.8507,147.7869,475.2807,147.6089,474.8117,147.2519C474.2947,146.8569,474.0357,146.3159,474.0357,145.6279C474.0357,144.9549,474.2947,144.4269,474.8117,144.0439C475.2677,143.6879,475.8317,143.5089,476.5057,143.5089C477.1787,143.5089,477.7497,143.6879,478.2187,144.0439C478.7477,144.4399,479.0127,144.9679,479.0127,145.6279" Fill="#FFFFFFFF" Height="4.278" Canvas.Left="335.873" Stretch="Fill" Canvas.Top="21.128" Width="4.977"/>
                <Path Data="F1M505.8203,146.2617C505.8203,147.3057,505.2303,147.8277,504.0523,147.8277L489.9723,147.8277C487.3773,147.8277,485.4243,147.5427,484.1133,146.9747C482.0823,146.0887,481.0663,144.4557,481.0663,142.0757L481.0663,134.5797C481.0663,130.7327,483.7713,128.8087,489.1793,128.8087L504.2513,128.8087C505.2363,128.8087,505.7293,129.3967,505.7293,130.5717C505.7293,131.7477,505.2363,132.3347,504.2513,132.3347L489.4493,132.3347C486.3963,132.3347,484.8713,133.0427,484.8713,134.4577L484.8713,141.8997C484.8713,143.5137,486.6073,144.3217,490.0813,144.3217L504.3953,144.3217C505.3443,144.3217,505.8203,144.9677,505.8203,146.2617" Fill="#FFFFFFFF" Height="19.019" Canvas.Left="342.904" Stretch="Fill" Canvas.Top="6.427" Width="24.754"/>
                <Path Data="F1M527.8867,141.9194L527.8867,134.5974C527.8867,133.0884,526.3237,132.3354,523.1987,132.3354L517.0147,132.3354C515.8737,132.3354,514.8397,132.4934,513.9137,132.8114C512.6157,133.2744,511.9667,133.9764,511.9667,134.9154L511.9667,141.9194C511.9667,142.8334,512.6337,143.4944,513.9687,143.9044C514.8587,144.1814,515.8787,144.3214,517.0327,144.3214L523.2167,144.3214C524.2267,144.3214,525.1697,144.1624,526.0477,143.8444C527.2737,143.4074,527.8867,142.7674,527.8867,141.9194 M531.7437,141.9174C531.7437,144.0724,530.7717,145.6594,528.8247,146.6764C527.3457,147.4434,525.5067,147.8284,523.3067,147.8284L516.9787,147.8284C514.7917,147.8284,512.9097,147.4374,511.3367,146.6574C509.2207,145.6264,508.1637,144.0444,508.1637,141.9174L508.1637,134.9174C508.1637,132.8154,509.2147,131.2084,511.3187,130.0974C512.9647,129.2384,514.8457,128.8084,516.9617,128.8084L523.3067,128.8084C528.9327,128.8084,531.7437,130.8314,531.7437,134.8774z" Fill="#FFFFFFFF" Height="19.02" Canvas.Left="370.001" Stretch="Fill" Canvas.Top="6.427" Width="23.58"/>
                <Path Data="F1M566.791,146.2607C566.791,147.3057,566.322,147.8277,565.385,147.8277C564.496,147.8277,563.949,147.7867,563.744,147.7087C563.227,147.5097,562.97,147.0287,562.97,146.2597L562.97,134.5367C562.97,133.0297,561.353,132.2757,558.12,132.2757C557.807,132.2757,557.432,132.2847,556.992,132.3057C556.555,132.3247,556.286,132.3347,556.19,132.3347C553.655,132.3347,552.387,133.2467,552.387,135.0727L552.387,146.2597C552.387,147.0287,552.128,147.5097,551.611,147.7087C551.395,147.7867,550.848,147.8277,549.971,147.8277C549.02,147.8277,548.547,147.3057,548.547,146.2597L548.547,135.0327C548.547,133.9087,548.186,133.1487,547.465,132.7517C546.96,132.4737,546.131,132.3347,544.978,132.3347C544.869,132.3347,544.565,132.3247,544.066,132.3057C543.568,132.2847,543.144,132.2757,542.796,132.2757C539.526,132.2757,537.892,133.0427,537.892,134.5757L537.892,146.2597C537.892,147.0287,537.64,147.5097,537.135,147.7087C536.919,147.7867,536.372,147.8277,535.494,147.8277C534.557,147.8277,534.088,147.3057,534.088,146.2607L534.088,135.0157C534.088,130.8777,536.853,128.8087,542.381,128.8087C544.689,128.8087,546.101,128.8417,546.617,128.9067C547.988,129.0927,549.304,129.6007,550.566,130.4327C551.744,129.6407,553.072,129.1447,554.551,128.9477C555.235,128.8547,556.653,128.8087,558.805,128.8087C564.129,128.8087,566.791,130.8777,566.791,135.0157z" Fill="#FFFFFFFF" Height="19.019" Canvas.Left="395.925" Stretch="Fill" Canvas.Top="6.427" Width="32.703"/>
                <Path Data="F1M379.0195,143.2256C378.9335,145.3456,377.7705,146.9166,375.5195,147.9476C374.1295,148.5936,372.6235,149.0386,371.0235,149.2746C370.6955,149.3296,370.3225,149.3596,369.9005,149.3596C369.0885,149.3596,368.2115,149.2846,367.2495,149.1406C366.3885,149.0246,365.9065,148.9186,365.7995,148.8326C365.2305,148.3866,364.7065,147.6926,364.2135,146.7306C363.7205,145.7766,363.5185,145.1516,363.6295,144.8576C363.7655,144.5926,363.9765,144.4616,364.2745,144.4616C364.1945,144.4616,364.5915,144.5646,365.4775,144.7686C367.5075,145.2696,369.0645,145.5246,370.1415,145.5246C372.0945,145.5246,373.5755,144.8576,374.5975,143.5336C374.7855,143.2406,374.8735,142.9006,374.8735,142.5186C374.8735,141.8376,374.6485,141.2486,374.1955,140.7546C373.0965,139.8416,371.7175,139.0156,370.0555,138.2826C368.5835,137.6656,367.1095,137.0586,365.6395,136.4696C365.2905,136.2386,365.2615,135.7896,365.5585,135.1446C366.8125,134.1156,368.0775,133.1026,369.3335,132.0966C370.6445,130.8626,371.5055,129.4966,371.9035,127.9936C371.9845,127.4046,371.8285,126.8756,371.4415,126.4056C371.0585,125.9336,370.5945,125.6266,370.0555,125.4736C368.4235,125.0356,366.6415,124.8136,364.7165,124.8136C362.2485,124.8136,359.2385,125.2146,355.6775,126.0076C355.4115,126.0706,355.2455,126.2846,355.1945,126.6666C354.8415,133.1136,354.6705,138.3656,354.6705,142.4326C354.6705,143.6916,354.7015,144.3836,354.7515,144.5036C355.1545,144.9756,355.7445,145.2376,356.5195,145.3006C356.5745,145.3006,357.1885,145.2696,358.3665,145.2066C359.3335,145.1516,359.8925,144.5926,360.0545,143.5336C360.2955,141.9736,360.6185,138.9546,361.0155,134.4856C361.3435,130.8066,361.5595,128.8626,361.6855,128.6566C361.8015,128.4476,361.9535,128.3446,362.1445,128.3446C362.3045,128.3446,362.4525,128.4676,362.5865,128.6986C363.4185,130.3056,363.8315,132.1616,363.8315,134.2686C363.8315,135.0576,363.7655,136.1376,363.6295,137.5126C363.4945,139.0936,363.4185,140.2046,363.3875,140.8436C363.2315,144.9406,362.8785,147.1756,362.3455,147.5536C361.3285,148.2586,359.8925,148.6136,358.0495,148.6136L355.9155,148.6136C355.0385,148.5806,354.3525,148.5806,353.8695,148.6136L352.1025,148.6136C350.3345,148.6136,349.4135,148.1826,349.3305,147.3316C349.0355,144.4066,348.8875,141.3066,348.8875,138.0236C348.8875,135.6236,348.9695,133.1506,349.1285,130.6026C349.1565,129.1646,349.1815,127.7496,349.2065,126.3426C349.3955,124.7616,350.0775,123.6656,351.2585,123.0486C356.1055,122.4846,361.5205,122.3156,367.4875,122.5146C372.1755,122.6686,375.1315,123.8596,376.3615,126.1006C376.6025,126.5366,376.7285,127.0226,376.7285,127.5506C376.7285,129.1376,375.3185,131.3936,372.5075,134.3086C372.4525,134.3616,372.4325,134.4226,372.4325,134.4856C372.4325,134.7196,372.7395,134.9886,373.3545,135.2756C373.7325,135.4826,374.1155,135.6766,374.5175,135.8526C377.5745,137.9126,379.0955,140.0756,379.0955,142.3416C379.0955,142.6386,379.0705,142.9276,379.0195,143.2256" Fill="#FFEC1C24" Height="26.925" Canvas.Left="210.725" Stretch="Fill" Canvas.Top="0.053" Width="30.208"/>
                <Path Data="F1M411.5176,130.3633C410.7666,134.7703,410.3136,137.3583,410.1476,138.1213C409.4526,141.1173,408.5416,143.5203,407.4176,145.3283C406.2946,147.1383,404.5926,148.2843,402.3216,148.7883C401.8316,148.9043,400.4536,149.0243,398.1826,149.1403C395.7646,149.2613,394.0526,149.2843,393.0356,149.2303C388.2966,148.9313,385.4296,147.5643,384.4386,145.1193C383.6936,143.2403,383.1236,140.9743,382.7556,138.3223C382.5356,136.8833,382.3186,134.5153,382.1116,131.2193C382.0006,129.7163,382.0156,127.2743,382.1466,123.8873C382.5756,123.0933,383.2856,122.6513,384.2826,122.5623C385.1636,122.5373,386.0356,122.5073,386.8916,122.4743C389.4906,122.3843,392.0986,122.4743,394.7226,122.7383C396.0366,123.3613,396.6506,124.9923,396.5706,127.6443C396.5496,128.4673,396.3946,129.5983,396.1276,131.0433C395.8096,132.6903,395.4316,134.0423,395.0036,135.1023C394.9236,135.2763,394.8426,135.3673,394.7676,135.3673C394.3896,135.3673,394.1636,134.9673,394.0816,134.1733C393.9766,132.4983,393.8616,130.8373,393.7556,129.1803C393.6036,127.0673,393.4226,125.8893,393.2366,125.6523C393.0496,125.4203,392.3396,125.2663,391.1066,125.2143C389.8726,125.1833,388.8856,125.2663,388.1346,125.4733C387.8936,125.5063,387.7726,125.6973,387.7726,126.0523C387.6116,132.0833,388.2306,137.4663,389.6216,142.2103C389.9686,143.3843,390.6636,144.2863,391.6906,144.8973C392.7226,145.5243,393.8906,145.7993,395.2046,145.7433C398.6856,145.5673,400.6946,145.4003,401.2286,145.2553C403.3996,144.7543,404.8906,143.5333,405.6916,141.5913C406.5776,139.4413,407.3466,136.6763,408.0226,133.2923C408.6356,130.2603,408.9436,127.9763,408.9436,126.4503C408.9436,126.0703,408.9186,125.8033,408.8626,125.6523C408.8126,125.5063,408.2446,125.3903,407.1756,125.3003C406.0786,125.1833,405.1116,125.1833,404.2856,125.3003C404.0136,125.3303,403.8116,125.6073,403.6806,126.1403C402.9556,131.8513,402.0896,136.4993,401.0726,140.0883C400.9316,140.5333,400.4436,141.0623,399.5816,141.6793C398.6216,142.3233,397.7076,142.6513,396.8526,142.6513C396.6656,142.6513,396.4746,142.6383,396.2886,142.6083C395.9966,142.4883,395.8496,142.1803,395.8496,141.6823C395.8496,141.3873,395.9306,140.8883,396.0866,140.1863C396.9176,136.4223,397.5126,133.6763,397.8596,131.9493C398.4486,128.8933,398.8716,126.2463,399.1436,124.0153C399.3296,123.3083,399.7476,122.8703,400.3886,122.6913C400.7656,122.5773,401.3946,122.5373,402.2766,122.5623C402.8096,122.5903,403.5766,122.5773,404.5686,122.5143C405.7156,122.4893,406.5056,122.4743,406.9346,122.4743C408.8626,122.4743,410.3536,122.7143,411.3966,123.1763C411.8746,123.3843,412.1166,124.1313,412.1166,125.4273C412.1166,126.3953,411.9206,128.0413,411.5176,130.3633" Fill="#FFEC1C24" Height="26.817" Canvas.Left="243.875" Stretch="Fill" Canvas.Top="0.059" Width="30.079"/>
                <Path Data="F1M443.0127,143.0898C442.7147,144.7118,442.5027,145.7428,442.3667,146.1818C441.9137,147.6268,441.2697,148.5358,440.4397,148.9188C439.7187,149.1828,435.9267,149.3138,429.0727,149.3138C423.4427,149.3138,418.9347,149.1828,415.5347,148.9188C415.1887,148.8878,415.0127,148.6818,415.0127,148.2988C415.0127,147.9468,415.1167,147.5648,415.3287,147.1528C420.1037,138.1468,422.8277,132.6898,423.5287,130.7738C423.7897,130.0138,423.7147,129.5978,423.2867,129.5398C423.1507,129.5098,421.9767,129.5098,419.7557,129.5398C418.0637,129.5398,417.2067,129.4038,417.1827,129.1368C417.1577,128.9608,417.1427,128.7548,417.1427,128.5178C417.1427,127.4798,417.4147,126.3798,417.9677,125.2088C418.5127,124.0388,419.0117,123.4088,419.4737,123.3198C421.1807,122.8168,423.2867,122.5228,425.7787,122.4318C427.7887,122.4038,429.7837,122.3838,431.7627,122.3838C434.5217,122.3588,437.6587,122.5148,441.1697,122.8748C442.0457,122.9608,442.4687,123.4018,442.4077,124.1968C442.1117,126.2068,440.7207,129.6738,438.2277,134.5968C436.0877,138.9038,434.4557,141.8228,433.3277,143.3548C433.1717,143.5078,432.7397,143.5908,432.0437,143.6198C431.2927,143.6518,430.9067,143.5608,430.8807,143.3548C430.7707,142.8278,431.8417,140.3828,434.0937,136.0288C436.9297,130.5268,438.5347,127.3138,438.9177,126.4048C438.9917,126.0228,438.8827,125.7408,438.5957,125.5638C437.8907,125.3298,435.1007,125.1988,430.1957,125.1688C425.5117,125.1688,422.8587,125.2238,422.2437,125.3448C422.0527,125.3758,421.9617,125.5638,421.9617,125.9168C421.9617,126.6818,422.2837,127.1308,422.9237,127.2438C423.0547,127.2738,425.3867,127.2838,429.9137,127.2838C430.8807,127.2838,431.3647,127.5058,431.3647,127.9538C431.3647,128.0068,431.3487,128.0818,431.3247,128.1708C425.7787,139.4408,423.0197,145.1338,423.0497,145.2548C423.2617,145.6978,425.2817,145.9178,429.1137,145.9178C434.0127,145.9178,437.2777,145.7308,438.9177,145.3458C439.4777,145.1938,439.7597,144.8868,439.7597,144.4138C439.7597,144.2958,439.7287,144.1938,439.6787,144.1048C439.4107,143.8448,438.9677,143.7138,438.3547,143.7138L437.9057,143.7138C437.6997,143.7388,437.5337,143.7538,437.4277,143.7538C436.4097,143.7538,435.8967,143.4748,435.8967,142.9158C435.8967,142.2108,437.9917,141.7548,442.1717,141.5458C442.4687,141.5458,442.6907,141.7218,442.8517,142.0768C443.0127,142.4318,443.0627,142.7678,443.0127,143.0898" Fill="#FFEC1C24" Height="26.933" Canvas.Left="276.85" Stretch="Fill" Canvas.Top="0" Width="28.019"/>
                <Path Data="F1M473.541,143.0898C473.249,144.7118,473.032,145.7428,472.901,146.1818C472.443,147.6268,471.804,148.5358,470.968,148.9188C470.248,149.1828,466.46,149.3138,459.605,149.3138C453.977,149.3138,449.469,149.1828,446.069,148.9188C445.717,148.8878,445.541,148.6818,445.541,148.2988C445.541,147.9468,445.645,147.5648,445.863,147.1528C450.632,138.1468,453.361,132.6898,454.062,130.7738C454.324,130.0138,454.243,129.5978,453.814,129.5398C453.679,129.5098,452.505,129.5098,450.279,129.5398C448.598,129.5398,447.736,129.4038,447.716,129.1368C447.687,128.9608,447.67,128.7548,447.67,128.5178C447.67,127.4798,447.947,126.3798,448.491,125.2088C449.04,124.0388,449.544,123.4088,449.997,123.3198C451.715,122.8168,453.814,122.5228,456.312,122.4318C458.322,122.4038,460.312,122.3838,462.29,122.3838C465.056,122.3588,468.187,122.5148,471.693,122.8748C472.579,122.9608,472.992,123.4018,472.941,124.1968C472.645,126.2068,471.255,129.6738,468.762,134.5968C466.621,138.9038,464.989,141.8228,463.855,143.3548C463.7,143.5078,463.268,143.5908,462.573,143.6198C461.827,143.6518,461.439,143.5608,461.414,143.3548C461.303,142.8278,462.376,140.3828,464.627,136.0288C467.462,130.5268,469.069,127.3138,469.447,126.4048C469.526,126.0228,469.416,125.7408,469.129,125.5638C468.425,125.3298,465.63,125.1988,460.728,125.1688C456.041,125.1688,453.393,125.2238,452.777,125.3448C452.586,125.3758,452.496,125.5638,452.496,125.9168C452.496,126.6818,452.812,127.1308,453.457,127.2438C453.588,127.2738,455.919,127.2838,460.447,127.2838C461.414,127.2838,461.893,127.5058,461.893,127.9538C461.893,128.0068,461.877,128.0818,461.857,128.1708C456.312,139.4408,453.553,145.1338,453.573,145.2548C453.794,145.6978,455.814,145.9178,459.642,145.9178C464.547,145.9178,467.81,145.7308,469.447,145.3458C470.005,145.1938,470.288,144.8868,470.288,144.4138C470.288,144.2958,470.263,144.1938,470.207,144.1048C469.94,143.8448,469.497,143.7138,468.882,143.7138L468.439,143.7138C468.228,143.7388,468.066,143.7538,467.961,143.7538C466.944,143.7538,466.43,143.4748,466.43,142.9158C466.43,142.2108,468.524,141.7548,472.704,141.5458C472.992,141.5458,473.219,141.7218,473.385,142.0768C473.541,142.4318,473.596,142.7678,473.541,143.0898" Fill="#FFEC1C24" Height="26.933" Canvas.Left="307.378" Stretch="Fill" Canvas.Top="0" Width="28.021"/>
                <Path Data="F1M395.8555,160.8945L395.8555,159.7975C395.8555,159.3315,395.2735,159.0985,394.1125,159.0985L389.4075,159.0985L389.4075,161.8725L394.1185,161.8725C395.2755,161.8725,395.8555,161.5455,395.8555,160.8945 M397.1775,160.9405C397.1775,161.7425,396.8125,162.3235,396.0845,162.6835C395.5495,162.9445,394.8695,163.0745,394.0405,163.0745L389.4075,163.0745L389.4075,165.4295C389.4075,165.6945,389.3125,165.8585,389.1245,165.9195C389.0605,165.9425,388.8655,165.9535,388.5415,165.9535C388.2285,165.9535,388.0735,165.7785,388.0735,165.4305L388.0735,158.4185C388.0735,158.0755,388.2285,157.9035,388.5415,157.9035L394.1005,157.9035C394.8085,157.9035,395.4455,158.0175,396.0105,158.2465C396.7885,158.5675,397.1775,159.0495,397.1775,159.6935z" Fill="#FFFFFFFF" Height="8.05" Canvas.Left="249.911" Stretch="Fill" Canvas.Top="35.522" Width="9.104"/>
                <Path Data="F1M401.7207,160.2734C401.7207,160.6174,401.5627,160.7884,401.2447,160.7884L401.0077,160.7884L400.7047,160.7884C399.7307,160.7884,399.2447,161.0554,399.2447,161.5864L399.2447,165.4314C399.2447,165.6914,399.1577,165.8524,398.9867,165.9144C398.9177,165.9394,398.7317,165.9534,398.4267,165.9534C398.1147,165.9534,397.9587,165.7764,397.9587,165.4244L397.9757,161.5764C397.9757,160.2684,399.0667,159.6134,401.2447,159.6134C401.5627,159.6134,401.7207,159.8334,401.7207,160.2734" Fill="#FFFFFFFF" Height="6.34" Canvas.Left="259.796" Stretch="Fill" Canvas.Top="37.232" Width="3.762"/>
                <Path Data="F1M408.9014,163.9834L408.9014,161.5434C408.9014,161.0404,408.3804,160.7884,407.3384,160.7884L405.2774,160.7884C404.8964,160.7884,404.5514,160.8414,404.2434,160.9484C403.8104,161.1024,403.5944,161.3364,403.5944,161.6484L403.5944,163.9834C403.5944,164.2874,403.8174,164.5084,404.2614,164.6444C404.5584,164.7374,404.8984,164.7844,405.2834,164.7844L407.3434,164.7844C407.6804,164.7844,407.9964,164.7314,408.2884,164.6264C408.6974,164.4804,408.9014,164.2664,408.9014,163.9834 M410.1864,163.9834C410.1864,164.7014,409.8624,165.2294,409.2144,165.5694C408.7194,165.8254,408.1074,165.9534,407.3754,165.9534L405.2644,165.9534C404.5364,165.9534,403.9084,165.8234,403.3844,165.5624C402.6784,165.2184,402.3274,164.6924,402.3274,163.9834L402.3274,161.6504C402.3274,160.9494,402.6764,160.4134,403.3784,160.0434C403.9264,159.7564,404.5544,159.6134,405.2594,159.6134L407.3754,159.6134C409.2504,159.6134,410.1864,160.2874,410.1864,161.6354z" Fill="#FFFFFFFF" Height="6.34" Canvas.Left="264.165" Stretch="Fill" Canvas.Top="37.232" Width="7.859"/>
                <Path Data="F1M417.6514,163.9521L417.6514,161.4961C417.6514,161.1611,417.4164,160.9421,416.9484,160.8421C416.7474,160.8031,416.3974,160.7821,415.8964,160.7821L413.9194,160.7821C412.7974,160.7821,412.2364,161.0311,412.2364,161.5281L412.2364,164.7311L416.1904,164.7311C417.1644,164.7311,417.6514,164.4721,417.6514,163.9521 M418.9304,163.9311C418.9304,165.2391,418.0164,165.8931,416.1904,165.8931L412.2364,165.8931L412.2364,167.1811C412.2364,167.4361,412.1504,167.5961,411.9774,167.6571C411.9104,167.6831,411.7294,167.6961,411.4364,167.6961C411.1244,167.6961,410.9684,167.5251,410.9684,167.1811L410.9684,161.4961C410.9684,160.7211,411.2974,160.1871,411.9534,159.8971C412.3864,159.7081,413.0234,159.6131,413.8644,159.6131L415.8834,159.6131C417.9154,159.6131,418.9304,160.2341,418.9304,161.4751z" Fill="#FFFFFFFF" Height="8.083" Canvas.Left="272.806" Stretch="Fill" Canvas.Top="37.232" Width="7.962"/>
                <Path Data="F1M426.4131,162.2549L426.4131,161.4759C426.4131,160.9999,425.5541,160.7629,423.8351,160.7629C423.6221,160.7629,423.4001,160.7679,423.1701,160.7759C422.9401,160.7839,422.8391,160.7879,422.8671,160.7879C421.5881,160.7879,420.9491,161.0349,420.9491,161.5279L420.9491,162.2549z M427.6491,162.8889C427.6491,163.2719,427.5311,163.4629,427.2961,163.4629L420.9911,163.4629C420.9481,164.3489,421.5951,164.7909,422.9331,164.7909L423.2751,164.7909L423.5811,164.7909C423.8941,164.7909,424.0511,165.0059,424.0511,165.4339C424.0511,165.7789,423.8941,165.9529,423.5811,165.9529C422.7611,165.9529,422.2091,165.9379,421.9291,165.9059C421.2271,165.8319,420.7131,165.6509,420.3851,165.3649C419.9161,164.9599,419.6821,164.4869,419.6821,163.9499L419.6821,161.6159C419.6821,160.8849,420.0461,160.3449,420.7751,159.9969C421.3091,159.7359,421.9571,159.6069,422.7221,159.6069L425.0901,159.6069C425.7191,159.6069,426.2671,159.7289,426.7371,159.9699C427.3461,160.2819,427.6491,160.7469,427.6491,161.3639z" Fill="#FFFFFFFF" Height="6.346" Canvas.Left="281.519" Stretch="Fill" Canvas.Top="37.226" Width="7.967"/>
                <Path Data="F1M432.1943,160.2734C432.1943,160.6174,432.0363,160.7884,431.7183,160.7884L431.4813,160.7884L431.1783,160.7884C430.2043,160.7884,429.7163,161.0554,429.7163,161.5864L429.7163,165.4314C429.7163,165.6914,429.6313,165.8524,429.4603,165.9144C429.3913,165.9394,429.2043,165.9534,428.9003,165.9534C428.5883,165.9534,428.4323,165.7764,428.4323,165.4244L428.4493,161.5764C428.4493,160.2684,429.5403,159.6134,431.7183,159.6134C432.0363,159.6134,432.1943,159.8334,432.1943,160.2734" Fill="#FFFFFFFF" Height="6.34" Canvas.Left="290.27" Stretch="Fill" Canvas.Top="37.232" Width="3.762"/>
                <Path Data="F1M437.3623,160.3135C437.3623,160.6565,437.2043,160.8295,436.8873,160.8295L434.8803,160.8295L434.8803,165.4305C434.8803,165.7785,434.7243,165.9535,434.4123,165.9535C434.1193,165.9535,433.9363,165.9375,433.8653,165.9065C433.6963,165.8445,433.6123,165.6865,433.6123,165.4305L433.6123,160.8295L433.1673,160.8295C432.8393,160.8295,432.6743,160.6345,432.6743,160.2475C432.6743,159.8605,432.8393,159.6665,433.1673,159.6665L433.6123,159.6665L433.6123,158.4175C433.6123,158.0745,433.7683,157.9035,434.0813,157.9035C434.3783,157.9035,434.5593,157.9165,434.6283,157.9425C434.7963,158.0035,434.8803,158.1625,434.8803,158.4175L434.8803,159.6665L436.8873,159.6665C437.2043,159.6665,437.3623,159.8815,437.3623,160.3135" Fill="#FFFFFFFF" Height="8.05" Canvas.Left="294.511" Stretch="Fill" Canvas.Top="35.522" Width="4.688"/>
                <Path Data="F1M446.0645,165.8477C446.0645,166.7187,445.5905,167.2807,444.6455,167.5317C444.2325,167.6407,443.4575,167.6967,442.3195,167.6967C442.1195,167.6967,441.9855,167.6327,441.9185,167.5047C441.8695,167.4117,441.8445,167.2497,441.8445,167.0167C441.8445,166.6677,442.0035,166.4937,442.3195,166.4937C442.3325,166.4937,442.4275,166.4977,442.6085,166.5037C442.7885,166.5117,442.9515,166.5147,443.0945,166.5147C444.2255,166.5147,444.7905,166.3077,444.7905,165.8937L441.0035,165.8937C439.0965,165.8937,438.1435,165.2637,438.1435,164.0047L438.1435,160.1357C438.1435,159.8757,438.2275,159.7137,438.3955,159.6527C438.4675,159.6267,438.6505,159.6137,438.9425,159.6137C439.2545,159.6137,439.4115,159.7867,439.4115,160.1357L439.4115,164.0047C439.4115,164.4897,439.9425,164.7317,441.0035,164.7317L444.7905,164.7317L444.7905,160.1357C444.7905,159.7867,444.9475,159.6137,445.2645,159.6137C445.5565,159.6137,445.7385,159.6267,445.8115,159.6527C445.9795,159.7197,446.0645,159.8797,446.0645,160.1357z" Fill="#FFFFFFFF" Height="8.083" Canvas.Left="299.981" Stretch="Fill" Canvas.Top="37.232" Width="7.921"/>
                <Path Data="F1M459.4043,163.9561C459.4043,164.3831,459.3413,164.7211,459.2183,164.9671C458.8783,165.6241,457.8723,165.9531,456.2013,165.9531L451.5803,165.9531C451.2713,165.9531,451.1173,165.7781,451.1173,165.4311C451.1173,165.1981,451.1393,165.0351,451.1833,164.9421C451.2513,164.8101,451.3833,164.7451,451.5803,164.7451L456.2013,164.7451C457.4473,164.7451,458.0703,164.4901,458.0703,163.9841L458.0703,163.2901C458.0703,162.7881,457.4663,162.5181,456.2613,162.4831C454.2073,162.4181,453.0873,162.3671,452.9023,162.3321C451.7003,162.1071,451.0993,161.5181,451.0993,160.5601L451.0993,159.9521C451.0993,158.9911,451.5723,158.3721,452.5173,158.0951C452.9543,157.9671,453.7833,157.9031,455.0063,157.9031C455.3183,157.9031,455.4743,158.0741,455.4743,158.4181L455.4743,158.5761C455.4743,158.9241,455.3183,159.0991,455.0063,159.0991L454.7473,159.0991L454.4043,159.0991C453.0903,159.0991,452.4333,159.3791,452.4333,159.9401L452.4333,160.5001C452.4333,160.8521,452.7083,161.0801,453.2573,161.1851C453.4773,161.2261,453.8703,161.2451,454.4343,161.2451L456.2183,161.2451C457.0123,161.2451,457.6853,161.3661,458.2393,161.6081C459.0163,161.9521,459.4043,162.4941,459.4043,163.2341z" Fill="#FFFFFFFF" Height="8.05" Canvas.Left="312.937" Stretch="Fill" Canvas.Top="35.522" Width="8.305"/>
                <Path Data="F1M466.8867,162.2549L466.8867,161.4759C466.8867,160.9999,466.0277,160.7629,464.3087,160.7629C464.0957,160.7629,463.8747,160.7679,463.6437,160.7759C463.4137,160.7839,463.3137,160.7879,463.3407,160.7879C462.0627,160.7879,461.4227,161.0349,461.4227,161.5279L461.4227,162.2549z M468.1237,162.8889C468.1237,163.2719,468.0057,163.4629,467.7697,163.4629L461.4657,163.4629C461.4217,164.3489,462.0687,164.7909,463.4067,164.7909L463.7487,164.7909L464.0557,164.7909C464.3667,164.7909,464.5247,165.0059,464.5247,165.4339C464.5247,165.7789,464.3667,165.9529,464.0557,165.9529C463.2347,165.9529,462.6837,165.9379,462.4027,165.9059C461.7007,165.8319,461.1877,165.6509,460.8587,165.3649C460.3907,164.9599,460.1557,164.4869,460.1557,163.9499L460.1557,161.6159C460.1557,160.8849,460.5207,160.3449,461.2497,159.9969C461.7827,159.7359,462.4317,159.6069,463.1967,159.6069L465.5637,159.6069C466.1937,159.6069,466.7407,159.7289,467.2107,159.9699C467.8197,160.2819,468.1237,160.7469,468.1237,161.3639z" Fill="#FFFFFFFF" Height="6.346" Canvas.Left="321.993" Stretch="Fill" Canvas.Top="37.226" Width="7.968"/>
                <Path Data="F1M476.0684,162.6055L471.5674,162.6055C471.3064,162.6055,471.0364,162.6585,470.7554,162.7635C470.3864,162.8965,470.2034,163.0755,470.2034,163.3005L470.2034,164.1015C470.2034,164.3315,470.3934,164.5095,470.7744,164.6385C471.0534,164.7355,471.3304,164.7845,471.6024,164.7845L474.7524,164.7845C475.3164,164.7845,475.6874,164.7025,475.8644,164.5395C476.0164,164.4025,476.0914,164.1275,476.0914,163.7175C476.0914,163.6285,476.0884,163.4615,476.0804,163.2175C476.0724,162.9725,476.0684,162.7685,476.0684,162.6055 M477.3364,164.0485C477.3364,165.3185,476.4704,165.9535,474.7404,165.9535L471.6384,165.9535C471.0174,165.9535,470.4454,165.8135,469.9204,165.5365C469.2634,165.1925,468.9354,164.7185,468.9354,164.1145L468.9354,163.3075C468.9354,162.6465,469.2484,162.1495,469.8744,161.8205C470.3554,161.5635,470.9314,161.4365,471.6014,161.4365L476.0914,161.4365C476.0284,160.9915,475.4534,160.7695,474.3674,160.7695C474.2504,160.7695,474.1074,160.7725,473.9384,160.7795C473.7694,160.7855,473.6664,160.7885,473.6304,160.7885C473.3164,160.7885,473.1604,160.6175,473.1604,160.2735L473.1604,160.1355C473.1604,159.7875,473.3164,159.6135,473.6294,159.6135C474.6904,159.6135,475.4634,159.6885,475.9484,159.8375C476.8744,160.1205,477.3364,160.6965,477.3364,161.5635z" Fill="#FFFFFFFF" Height="6.34" Canvas.Left="330.773" Stretch="Fill" Canvas.Top="37.232" Width="8.401"/>
                <Path Data="F1M481.8799,160.2734C481.8799,160.6174,481.7219,160.7884,481.4039,160.7884L481.1669,160.7884L480.8639,160.7884C479.8899,160.7884,479.4039,161.0554,479.4039,161.5864L479.4039,165.4314C479.4039,165.6914,479.3169,165.8524,479.1459,165.9144C479.0769,165.9394,478.8909,165.9534,478.5859,165.9534C478.2739,165.9534,478.1179,165.7764,478.1179,165.4244L478.1349,161.5764C478.1349,160.2684,479.2259,159.6134,481.4039,159.6134C481.7219,159.6134,481.8799,159.8334,481.8799,160.2734" Fill="#FFFFFFFF" Height="6.34" Canvas.Left="339.955" Stretch="Fill" Canvas.Top="37.232" Width="3.762"/>
                <Path Data="F1M490.6299,165.4307C490.6299,165.7787,490.4339,165.9527,490.0409,165.9527L485.3479,165.9527C484.4829,165.9527,483.8319,165.8587,483.3949,165.6687C482.7169,165.3727,482.3789,164.8287,482.3789,164.0347L482.3789,161.5367C482.3789,160.2547,483.2799,159.6137,485.0829,159.6137L490.1069,159.6137C490.4359,159.6137,490.5999,159.8087,490.5999,160.2017C490.5999,160.5927,490.4359,160.7877,490.1069,160.7877L485.1729,160.7877C484.1559,160.7877,483.6469,161.0247,483.6469,161.4967L483.6469,163.9767C483.6469,164.5157,484.2269,164.7847,485.3829,164.7847L490.1549,164.7847C490.4719,164.7847,490.6299,164.9997,490.6299,165.4307" Fill="#FFFFFFFF" Height="6.339" Canvas.Left="344.216" Stretch="Fill" Canvas.Top="37.232" Width="8.251"/>
                <Path Data="F1M499.3721,165.4307C499.3721,165.6867,499.2881,165.8477,499.1201,165.9137C499.0531,165.9397,498.8691,165.9527,498.5741,165.9527C498.2611,165.9527,498.1041,165.7787,498.1041,165.4307L498.1041,161.6947C498.1041,161.3017,497.8931,161.0447,497.4681,160.9207C497.2551,160.8597,496.9001,160.8287,496.4041,160.8287L492.6791,160.8287L492.6791,165.4307C492.6791,165.7787,492.5211,165.9527,492.2091,165.9527C491.9171,165.9527,491.7351,165.9397,491.6621,165.9137C491.4941,165.8477,491.4101,165.6867,491.4101,165.4307L491.4101,158.4187C491.4101,158.1627,491.4941,158.0017,491.6621,157.9357C491.7301,157.9137,491.9121,157.9037,492.2091,157.9037C492.5211,157.9037,492.6791,158.0747,492.6791,158.4177L492.6791,159.6657L496.1031,159.6657C497.0941,159.6657,497.8081,159.7527,498.2491,159.9237C498.9981,160.2197,499.3721,160.8037,499.3721,161.6757z" Fill="#FFFFFFFF" Height="8.049" Canvas.Left="353.247" Stretch="Fill" Canvas.Top="35.522" Width="7.962"/>
                <Path Data="F1M512.7021,165.2656C512.7021,165.7246,512.5461,165.9536,512.2331,165.9536L507.4621,165.9536C506.7231,165.9536,506.0861,165.8176,505.5441,165.5436C504.8321,165.1866,504.4741,164.6536,504.4741,163.9446L504.4741,159.9516C504.4741,159.5596,504.5941,159.2116,504.8301,158.9086C505.3421,158.2386,506.2581,157.9036,507.5761,157.9036L508.8801,157.9036C509.1881,157.9036,509.3421,158.0746,509.3421,158.4176L509.3421,158.5766C509.3421,158.9236,509.1881,159.0986,508.8801,159.0986C508.8561,159.0986,508.7411,159.0956,508.5371,159.0886C508.3331,159.0806,508.1511,159.0776,507.9901,159.0776C506.5281,159.0776,505.7981,159.3686,505.7981,159.9506L505.7981,161.3566L512.2391,161.3566C512.5671,161.3566,512.7321,161.5456,512.7321,161.9236C512.7321,162.0966,512.6891,162.2416,512.6051,162.3606C512.5101,162.4976,512.3851,162.5656,512.2321,162.5656L505.7981,162.5656L505.7981,163.8896C505.7981,164.4596,506.3681,164.7446,507.5131,164.7446L512.2321,164.7446C512.5461,164.7446,512.7021,164.9176,512.7021,165.2656" Fill="#FFFFFFFF" Height="8.05" Canvas.Left="366.311" Stretch="Fill" Canvas.Top="35.522" Width="8.258"/>
                <Path Data="F1M521.373,165.4307C521.373,165.7787,521.215,165.9527,520.898,165.9527C520.605,165.9527,520.424,165.9397,520.352,165.9137C520.179,165.8467,520.094,165.6867,520.094,165.4307L520.094,161.3967C520.094,161.1027,519.877,160.9117,519.444,160.8287C519.288,160.8027,518.972,160.7877,518.495,160.7877L516.428,160.7877C515.932,160.7877,515.603,160.8027,515.448,160.8287C515.004,160.9117,514.781,161.1047,514.781,161.4047L514.781,165.4307C514.781,165.7787,514.625,165.9527,514.311,165.9527C514.019,165.9527,513.838,165.9397,513.766,165.9137C513.598,165.8477,513.514,165.6867,513.514,165.4307L513.514,161.4177C513.514,160.2147,514.482,159.6137,516.422,159.6137L518.495,159.6137C520.414,159.6137,521.373,160.2107,521.373,161.4057z" Fill="#FFFFFFFF" Height="6.339" Canvas.Left="375.351" Stretch="Fill" Canvas.Top="37.232" Width="7.859"/>
                <Path Data="F1M528.8379,164.7314L528.8379,161.6604C528.8379,161.3434,528.5979,161.1054,528.1159,160.9474C527.7829,160.8354,527.4349,160.7824,527.0699,160.7824L525.0679,160.7824C524.6009,160.7824,524.2619,160.8084,524.0539,160.8614C523.6329,160.9714,523.4229,161.2054,523.4229,161.5614L523.4229,163.9184C523.4229,164.4604,524.0519,164.7314,525.3099,164.7314z M530.1169,165.7354C530.1169,166.4574,529.6979,166.9904,528.8609,167.3344C528.2719,167.5754,527.5839,167.6964,526.7949,167.6964L526.2649,167.6964C525.9489,167.6964,525.7899,167.4784,525.7899,167.0424C525.7899,166.7004,525.9489,166.5274,526.2649,166.5274L527.1849,166.5274C527.3889,166.5274,527.6889,166.4634,528.0859,166.3354C528.5509,166.1904,528.7929,166.0444,528.8139,165.8934L525.3339,165.8934C524.5209,165.8934,523.8479,165.7814,523.3149,165.5564C522.5409,165.2264,522.1549,164.6874,522.1549,163.9384L522.1549,161.5874C522.1549,160.2584,523.3489,159.5934,525.7359,159.5934C525.8999,159.5934,526.1089,159.5974,526.3649,159.6034C526.6189,159.6104,526.7859,159.6134,526.8649,159.6134C527.6549,159.6134,528.3389,159.7364,528.9149,159.9834C529.7159,160.3314,530.1169,160.8704,530.1169,161.6004z" Fill="#FFFFFFFF" Height="8.103" Canvas.Left="383.992" Stretch="Fill" Canvas.Top="37.212" Width="7.962"/>
                <Path Data="F1M532.2031,165.4307C532.2031,165.7787,532.0441,165.9527,531.7271,165.9527C531.4391,165.9527,531.2601,165.9377,531.1871,165.9067C531.0221,165.8407,530.9401,165.6817,530.9401,165.4307L530.9401,160.6377C530.9401,160.2937,531.0991,160.1207,531.4141,160.1207C531.6991,160.1207,531.8791,160.1357,531.9561,160.1617C532.1201,160.2277,532.2031,160.3867,532.2031,160.6377z M532.3761,159.2777C532.3761,159.5017,532.2901,159.6787,532.1191,159.8107C531.9661,159.9297,531.7771,159.9897,531.5531,159.9897C531.3281,159.9897,531.1401,159.9297,530.9881,159.8107C530.8151,159.6787,530.7291,159.5017,530.7291,159.2777C530.7291,159.0517,530.8131,158.8737,530.9821,158.7427C531.1391,158.6227,531.3281,158.5637,531.5531,158.5637C531.7741,158.5637,531.9621,158.6227,532.1191,158.7427C532.2901,158.8737,532.3761,159.0517,532.3761,159.2777" Fill="#FFFFFFFF" Height="7.389" Canvas.Left="392.566" Stretch="Fill" Canvas.Top="36.182" Width="1.647"/>
                <Path Data="F1M541.0186,165.4307C541.0186,165.7787,540.8606,165.9527,540.5436,165.9527C540.2516,165.9527,540.0686,165.9397,539.9976,165.9137C539.8246,165.8467,539.7396,165.6867,539.7396,165.4307L539.7396,161.3967C539.7396,161.1027,539.5226,160.9117,539.0886,160.8287C538.9326,160.8027,538.6176,160.7877,538.1406,160.7877L536.0736,160.7877C535.5766,160.7877,535.2496,160.8027,535.0936,160.8287C534.6486,160.9117,534.4266,161.1047,534.4266,161.4047L534.4266,165.4307C534.4266,165.7787,534.2706,165.9527,533.9566,165.9527C533.6646,165.9527,533.4836,165.9397,533.4116,165.9137C533.2436,165.8477,533.1596,165.6867,533.1596,165.4307L533.1596,161.4177C533.1596,160.2147,534.1276,159.6137,536.0666,159.6137L538.1406,159.6137C540.0596,159.6137,541.0186,160.2107,541.0186,161.4057z" Fill="#FFFFFFFF" Height="6.339" Canvas.Left="394.997" Stretch="Fill" Canvas.Top="37.232" Width="7.859"/>
                <Path Data="F1M548.501,162.2549L548.501,161.4759C548.501,160.9999,547.642,160.7629,545.923,160.7629C545.71,160.7629,545.488,160.7679,545.258,160.7759C545.028,160.7839,544.928,160.7879,544.955,160.7879C543.677,160.7879,543.037,161.0349,543.037,161.5279L543.037,162.2549z M549.738,162.8889C549.738,163.2719,549.619,163.4629,549.384,163.4629L543.08,163.4629C543.036,164.3489,543.683,164.7909,545.021,164.7909L545.363,164.7909L545.67,164.7909C545.982,164.7909,546.139,165.0059,546.139,165.4339C546.139,165.7789,545.982,165.9529,545.67,165.9529C544.849,165.9529,544.298,165.9379,544.017,165.9059C543.316,165.8319,542.801,165.6509,542.473,165.3649C542.005,164.9599,541.77,164.4869,541.77,163.9499L541.77,161.6159C541.77,160.8849,542.135,160.3449,542.864,159.9969C543.397,159.7359,544.046,159.6069,544.811,159.6069L547.178,159.6069C547.808,159.6069,548.355,159.7289,548.825,159.9699C549.434,160.2819,549.738,160.7469,549.738,161.3639z" Fill="#FFFFFFFF" Height="6.346" Canvas.Left="403.607" Stretch="Fill" Canvas.Top="37.226" Width="7.968"/>
            </Canvas>

            <Grid Margin="2" Grid.Row="1"/>

            <Rectangle x:Name="uxProgress" Margin="5,0" Grid.Row="2" Height="10" HorizontalAlignment="Left" Width="465" />
            <Rectangle x:Name="uxProgressBar" Margin="5,0" Grid.Row="2" Height="10" Fill="#8FC4C4C4" HorizontalAlignment="Left" Width="0" />

            <TextBlock x:Name="uxStatus" HorizontalAlignment="Right" Grid.Row="3" VerticalAlignment="Bottom" Foreground="#8FC4C4C4" 
                       FontSize="10" Text="100%" FontFamily="Georgia" Margin="0,0,5,5"/>
        </Grid>
    </Grid>

</Grid>

And the javascript

function onSourceDownloadProgressChanged(sender, eventArgs) {
    sender.findName("uxStatus").Text = Math.round((eventArgs.progress * 1000)) / 10 + "%";
    sender.findName("uxProgressBar").Width = eventArgs.progress * sender.findName("uxProgress").Width;
}

Answer 33

Hmmm intriguing.  I'll give it another try.

 

Answer 34

Hi, You can create animation, splash screen or movie intro with jQuery. You can check the tutorial here http://blogfreakz.com/jquery/how-to-create-a-movie-intro-with-jquery/

Answer 35

Thank you very much. Try this must be viewed and used.