如何获取WPF ProgressBar的百分比值？解决进度显示不符问题

你遇到的核心问题是：StringFormat={}{0}%会将绑定的数值直接乘以100后添加百分号（比如绑定值为6时会显示600%），但你需要的是基于(Value - Minimum)/(Maximum - Minimum)计算出的实际进度占比。以下是几种简便的解决方式：

方法一：MultiBinding + 自定义转换器（纯XAML友好） #

这种方式无需额外维护后台变量，直接通过绑定和转换器计算百分比：

1. 实现百分比转换器 #

创建一个实现IMultiValueConverter的类，用来处理进度计算：

using System;
using System.Globalization;
using System.Windows.Data;

public class ProgressPercentageConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        if (values.Length != 3 || 
            !(values[0] is double value) || 
            !(values[1] is double min) || 
            !(values[2] is double max))
        {
            return "0%";
        }

        if (Math.Abs(max - min) < double.Epsilon) return "0%"; // 避免除以0
        double percentage = ((value - min) / (max - min)) * 100;
        return $"{Math.Round(percentage)}%"; // 可根据需求调整小数位数，比如{0:F1}%保留一位小数
    }

    public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 修改XAML代码 #

在XAML中引用转换器，并用MultiBinding绑定ProgressBar的三个关键属性：

<Window x:Class="YourNamespace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourNamespace"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <local:ProgressPercentageConverter x:Key="ProgressPercentageConverter"/>
    </Window.Resources>
    <Grid>
        <StackPanel>
            <Grid Margin="20">
                <ProgressBar Name="ProgrBar" Minimum="0" Maximum="12" Value="6" Height="30"/>
                <TextBlock HorizontalAlignment="Center">
                    <TextBlock.Text>
                        <MultiBinding Converter="{StaticResource ProgressPercentageConverter}">
                            <Binding ElementName="ProgrBar" Path="Value"/>
                            <Binding ElementName="ProgrBar" Path="Minimum"/>
                            <Binding ElementName="ProgrBar" Path="Maximum"/>
                        </MultiBinding>
                    </TextBlock.Text>
                </TextBlock>
            </Grid>
        </StackPanel>
    </Grid>
</Window>

方法二：ViewModel维护百分比属性（MVVM场景） #

如果使用MVVM模式，可以在ViewModel中自动计算百分比，让UI直接绑定：

1. ViewModel代码 #

using System.ComponentModel;
using System.Runtime.CompilerServices;
using System;

public class MainViewModel : INotifyPropertyChanged
{
    private double _currentValue = 6;
    private double _maxValue = 12;
    private double _minValue = 0;

    public double CurrentValue
    {
        get => _currentValue;
        set
        {
            _currentValue = value;
            OnPropertyChanged();
            OnPropertyChanged(nameof(ProgressPercentage));
        }
    }

    public double MaxValue
    {
        get => _maxValue;
        set
        {
            _maxValue = value;
            OnPropertyChanged();
            OnPropertyChanged(nameof(ProgressPercentage));
        }
    }

    public double MinValue
    {
        get => _minValue;
        set
        {
            _minValue = value;
            OnPropertyChanged();
            OnPropertyChanged(nameof(ProgressPercentage));
        }
    }

    public string ProgressPercentage
    {
        get
        {
            if (Math.Abs(MaxValue - MinValue) < double.Epsilon) return "0%";
            double percentage = ((CurrentValue - MinValue) / (MaxValue - MinValue)) * 100;
            return $"{Math.Round(percentage)}%";
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. XAML绑定 #

<Window x:Class="YourNamespace.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:YourNamespace"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:MainViewModel/>
    </Window.DataContext>
    <Grid>
        <StackPanel>
            <Grid Margin="20">
                <ProgressBar Minimum="{Binding MinValue}" Maximum="{Binding MaxValue}" Value="{Binding CurrentValue}" Height="30"/>
                <TextBlock Text="{Binding ProgressPercentage}" HorizontalAlignment="Center"/>
            </Grid>
        </StackPanel>
    </Grid>
</Window>

方法三：事件驱动更新（快速原型场景） #

如果只是简单的演示或快速开发，也可以直接通过ProgressBar的ValueChanged事件实时更新TextBlock：

1. XAML修改 #

给TextBlock命名，并给ProgressBar添加事件：

<Grid Margin="20">
    <ProgressBar Name="ProgrBar" Minimum="0" Maximum="12" Value="6" Height="30" ValueChanged="ProgrBar_ValueChanged"/>
    <TextBlock Name="PercentTextBlock" HorizontalAlignment="Center"/>
</Grid>

2. 后台事件处理 #

private void ProgrBar_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e)
{
    var bar = sender as ProgressBar;
    if (bar == null) return;
    
    if (Math.Abs(bar.Maximum - bar.Minimum) < double.Epsilon)
    {
        PercentTextBlock.Text = "0%";
        return;
    }
    
    double percentage = ((bar.Value - bar.Minimum) / (bar.Maximum - bar.Minimum)) * 100;
    PercentTextBlock.Text = $"{Math.Round(percentage)}%";
}

内容的提问来源于stack exchange，提问作者GoldNova