Как разработать необычный вертикальный ProgressBar правильно?

Question

Как разработать необычный вертикальный ProgressBar правильно?

Я пытаюсь сделать стильный индикатор выполнения, но у меня есть проблема с ее вертикальной версией.Лучше один раз увидеть, чем сто раз услышать:

http://img402.imageshack.us/img402/2033/progressq.gif

Все, чего я делал попытку до сих пор, привело к Несправедливости. Как я достигаю Права? Я предпочел бы XAML только решение, если это не медленно или проблеск причин, когда индикатор выполнения обновляется много раз в секунду.

7

wpf xaml styles progress-bar

задан Dave Clemmer 14 September 2011 в 15:50

1 ответ

Другие вопросы по тегам:

wpf xaml styles progress-bar

Похожие вопросы:

score 5 · Accepted Answer

Вот одна альтернатива:

<Border BorderBrush="Black" BorderThickness="2" CornerRadius="3" Padding="3">
    <Grid Width="20" Height="100">
        <Grid Height="{Binding ProgressValue}" VerticalAlignment="Bottom">
            <Grid Height="100" VerticalAlignment="Bottom">
                <Grid.Background>
                    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
                        <GradientStop Color="Yellow" Offset="0.0" />
                        <GradientStop Color="Red" Offset="0.25" />
                        <GradientStop Color="Blue" Offset="0.75" />
                        <GradientStop Color="LimeGreen" Offset="1.0" />
                    </LinearGradientBrush>
                </Grid.Background>
            </Grid>
        </Grid>
    </Grid>
</Border>

Обратите внимание на третью строку сверху, где вы привязываете значение прогресса.