【c#】进度条ProgressBar

一、样式

1、条形

1.1 Part_Track/Part_Indicator

<Style x:Key="{x:Type ProgressBar}" 
    TargetType="{x:Type ProgressBar}">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ProgressBar}">
                        <Grid MinHeight="14" MinWidth="200">
                            <Border 
				      Name="PART_Track" <!-- 背景条 -->
				      CornerRadius="2" 
				      Background="#f0f0f0" 
				      BorderBrush="#f0f0f0" 
				      BorderThickness="1" />
				                            <Border 
				      Name="PART_Indicator" <!-- 进度条 -->
				      CornerRadius="2" 
				      Background="#076ff5" 
				      BorderBrush="#076ff5" 
				      BorderThickness="1" 
				      HorizontalAlignment="Left" />
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

在这里插入图片描述

二、ProgressBar

1、属性和使用

1.1 属性

<!-- 	Minimum	最小值
		Maximum	最大值
		Value	当前值
		Value/Maxmun 的比值为进度百分比
 -->
<ProgressBar Minimum="0" Maximum="100" Value="0" Height="14"  Width="300"></ProgressBar>

1.2 设置进度Value

this.progressBar.Value = 

2、其他

2.1 进度百分比显示

<StackPanel Orientation="Horizontal" Margin="70,15,0,0">
   <TextBlock VerticalAlignment="Center" FontSize="12" Foreground="#666666">正在为您升级到最新版本,请勿关闭(</TextBlock>
   	<!-- Text进行指定元素Path进行绑定。 -->
    <TextBlock FontSize="12" Foreground="#666666" Text="{Binding ElementName=progressBar, Path=Value, StringFormat={}{0:0}%}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    <TextBlock FontSize="12" Foreground="#666666">)...</TextBlock>
</StackPanel>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值