如何在圆形进度栏中创建圆形线帽

Question

所以我有这个Circular Progress-Bar：

<Grid>
        <Grid>
            <Border>
                <Path x:Name="pathRoot" 
                  Stroke="{Binding SegmentColor, ElementName=userControl}"
                  StrokeThickness="{Binding StrokeThickness, ElementName=userControl}" 
                  HorizontalAlignment="Left"
                  VerticalAlignment="Top"
                  Height="100"
                  Width="100">
                <Path.Data>
                    <PathGeometry>
                        <PathGeometry.Figures>
                            <PathFigureCollection>
                                <PathFigure x:Name="pathFigure">
                                    <PathFigure.Segments>
                                        <PathSegmentCollection>
                                            <ArcSegment x:Name="arcSegment" SweepDirection="Clockwise"/>
                                        </PathSegmentCollection>
                                    </PathFigure.Segments>
                                </PathFigure>
                            </PathFigureCollection>
                        </PathGeometry.Figures>
                    </PathGeometry>
                </Path.Data>
            </Path>
            </Border>
        </Grid>
    </Grid>

例如，我希望我的Circle边框是四舍五入的。

有什么想法吗？

我尝试将我的主Grid放在border内并带有一些角点值，但这并没有出现问题。