title: How do I bind UserControl property?
body: <p>Let's say I have a simple UserControl with no codebehind:</p>
  
  <pre><code>&lt;UserControl
  xmlns= ....
  x:Class="TrafficLight.LightControl"&gt;
  &lt;Grid x:Name="LayoutRoot"&gt;
  &lt;Grid x:Name="Light" &gt;
    &lt;Ellipse  x:Name="MyColor" Fill="{**I need bind this field to UserControl.Foreground**}" Stroke="#FF000000" /&gt;
    &lt;Ellipse  x:Name="Shade" Fill="#E4555555" /&gt;
  &lt;/Grid&gt;
  &lt;/Grid&gt;
  </code></pre>
  
  <p>And use this UserControl on the Page:</p>
  
  <pre><code>&lt;TrafficLight:LightControl x:Name="red" Foreground="#FFFEF100" **&lt;= I need to bind MyColor.Fill with this property**/&gt;
  </code></pre>
  
  <p>How I can implement this scenario?</p>