如何制作垂直进度条？

Question

我试图创建一个垂直而不是水平的ProgressBar，我尝试改变ProgressBar的角度，使其垂直而不是水平，继承我的代码：

<ProgressBar Maximum="100" Value="20" Height="30" Width="5" >
   <ProgressBar.Background>
       <SolidColorBrush Color="White" Opacity="0.15999999642372131"/>
   </ProgressBar.Background>
   <ProgressBar.RenderTransform>
       <RotateTransform Angle="0" CenterX="0" CenterY="0"/>
   </ProgressBar.RenderTransform>
</ProgressBar>

然而，进度条本身是从一侧到另一侧而不是从上到下。我尝试更改FlowDirection，但只提供了LeftToRight或RightToLeft

的两个选项

有没有人有任何想法/建议？

Answer 1

您可能正在寻找ProgressBar.Orientation Property

  

获取或设置ProgressBar的方向：水平或垂直。

Answer 2

<ProgressBar RenderTransformOrigin="0.5,0.5" >
   <ProgressBar.RenderTransform>
      <CompositeTransform Rotation="90"/>
   </ProgressBar.RenderTransform>
</ProgressBar>

这对我来说很好。

Answer 3

Orientation="Vertical"标记中的

ProgressBar，然后是代码的其余部分。