Try the id TrackPosition.
<element id="TrackPosition" parent="Panel" fontSize="9.00">
<left relativeTo="..." offset="0"/>
<right relativeTo="..." offset="0"/>
<top relativeTo="Panel.VerticalCenter" offset="-2"/>
<bottom relativeTo="Panel.VerticalCenter" offset="15"/>
</element>
Sorry for the incomplete reply.Sorry I have been busy lately. Thank you for the help!
In the skin.xml file, search for the element already mentioned and you should come across something like:CodeTo center the element vertically, make your top and bottom margins relative to Panel.VerticalCenter.<element id="TrackPosition" parent="Panel" fontSize="9.00">
<left relativeTo="..." offset="0"/>
<right relativeTo="..." offset="0"/>
<top relativeTo="Panel.VerticalCenter" offset="-2"/>
<bottom relativeTo="Panel.VerticalCenter" offset="15"/>
</element>
You may have to adjust the offset values a bit to get the element properly centered.
Can I ask what the TrackPosition's top and bottom anchors are relative to? (when the progress bar is positioned at the top or bottom)The reason I ask is because the top and bottom margins of this element appear to be anchored to Panel.Top and Panel.Bottom, respectively.