Binding to an element in generic.xaml template

Applicable code snippets.  
 
public class ProgressBar1 : Control
{
}
 
public static DependencyProperty StatusTopProperty =
       DependencyProperty.Register("StatusTop", typeof(double), 
                                                                              typeof(ProgressBar1), 
                                                                              new PropertyMetadata(null));
		
public double StatusTop
{
	get { return (double)this.GetValue(StatusTopProperty); }
	set { this.SetValue(StatusTopProperty, value); }
}
	 
public override void OnApplyTemplate()
{
      base.OnApplyTemplate();
       _templateRootElement = GetTemplateChild(strTemplateRoot) as FrameworkElement;
       VisualStateManager.GoToState(this, "Move", false);
} 
 
XAML inside control template, root element is a Canvas.  This works when using a hard-coded constant value for the To property (i.e. 150)
 
                <VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="vsgProgressRegion">
				<VisualState x:Name="Move">
					<Storyboard x:Name="sbMovePointer">
						<DoubleAnimation x:Name="daMovePointer" 
							From="285" 
                                                        To="{Binding Path=StatusTop, Mode=OneWay,         
                                                                                               Source=local:ProgressBar1}"
							Storyboard.TargetName="climber" 
							Storyboard.TargetProperty="(Canvas.Top)">
						</DoubleAnimation>									
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
Applicable code snippets 
 
public static DependencyProperty StatusTopProperty =
       DependencyProperty.Register("StatusTop", typeof(double), 
                                                                              typeof(ProgressBar1), 
                                                                              new PropertyMetadata(null));
		
public double StatusTop
{
	get { return (double)this.GetValue(StatusTopProperty); }
	set { this.SetValue(StatusTopProperty, value); }
}
	 
public override void OnApplyTemplate()
{
      base.OnApplyTemplate();
       _templateRootElement = GetTemplateChild(strTemplateRoot) as FrameworkElement;
       VisualStateManager.GoToState(this, "Move", false);
} 
 
XAML inside control template, root element is a Canvas.  This works when using a hard-coded constant value for the To property (i.e. 150) 
 
<VisualStateManager.VisualStateGroups>
	<VisualStateGroup x:Name="vsgProgressRegion">
		<VisualState x:Name="Move">
			<Storyboard x:Name="sbMovePointer">
				<DoubleAnimation x:Name="daMovePointer" 
					From="285" 
                                        To="{Binding Path=StatusTop, Mode=OneWay,         
                                        Source=local:ProgressBar1}"
					Storyboard.TargetName="climber" 
					Storyboard.TargetProperty="(Canvas.Top)">
				</DoubleAnimation>								
			</Storyboard>
		</VisualState>
	</VisualStateGroup>
</VisualStateManager.VisualStateGroups>

                                  

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78: