ProgressBar — pasek postępu

<StackPanel Margin="20">
    <TextBlock Text="Wypełnienie ankiety"/>
    <ProgressBar x:Name="Postep" Minimum="0" Maximum="10" Value="3"
                 Height="20" Margin="0,4,0,0"/>
</StackPanel>

// 14 z 20 zadań zrobionych
Postep.Maximum = 20;
Postep.Value = 14;

double procent = Postep.Value / Postep.Maximum * 100;    // 70
Opis.Text = $"{Postep.Value} z {Postep.Maximum} ({procent:F0}%)";

<Grid Height="26">
    <ProgressBar x:Name="Zycie" Maximum="100" Value="35" Foreground="IndianRed"/>
    <TextBlock x:Name="ZycieOpis" Text="35 / 100 HP"
               HorizontalAlignment="Center" VerticalAlignment="Center" FontWeight="Bold"/>
</Grid>

<Window x:Class="Lekcja20.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Zbiórka na schronisko" Height="460" Width="460"
        MinWidth="400" MinHeight="400" WindowStartupLocation="CenterScreen">

    <Grid Margin="15">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <TextBlock Grid.Row="0" Text="Karma dla schroniska „Azorek”" FontSize="18" FontWeight="Bold"/>
        <TextBlock x:Name="Stan" Grid.Row="1" Margin="0,4,0,8"/>

        <!-- pasek i napis z procentem w jednej komórce: napis leży na pasku -->
        <Grid Grid.Row="2" Height="28">
            <ProgressBar x:Name="Pasek"/>
            <TextBlock x:Name="Procent" HorizontalAlignment="Center" VerticalAlignment="Center"
                       FontWeight="Bold"/>
        </Grid>

        <!-- wpłaty: szybkie kwoty albo własna -->
        <StackPanel Grid.Row="3" Margin="0,12,0,8">
            <WrapPanel x:Name="Szybkie">
                <Button Content="10 zł" Tag="10" Width="60" Margin="0,0,6,6" Click="Szybka_Click"/>
                <Button Content="20 zł" Tag="20" Width="60" Margin="0,0,6,6" Click="Szybka_Click"/>
                <Button Content="50 zł" Tag="50" Width="60" Margin="0,0,6,6" Click="Szybka_Click"/>
                <Button Content="100 zł" Tag="100" Width="60" Margin="0,0,6,6" Click="Szybka_Click"/>
            </WrapPanel>
            <DockPanel>
                <Button x:Name="Wplac" DockPanel.Dock="Right" Content="Wpłać" Width="80"
                        Margin="6,0,0,0" IsDefault="True" Click="Wplac_Click"/>
                <TextBox x:Name="Kwota" VerticalContentAlignment="Center"/>
            </DockPanel>
        </StackPanel>

        <ListBox x:Name="Historia" Grid.Row="4"/>
    </Grid>
</Window>

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;

namespace Lekcja20;

public partial class MainWindow : Window
{
    private const double Cel = 5000;
    private double zebrano = 0;

    public MainWindow()
    {
        InitializeComponent();
        Pasek.Maximum = Cel;        // cel zapisany w jednym miejscu — w stałej
        Odswiez();
    }

    private void Szybka_Click(object sender, RoutedEventArgs e)
    {
        Button przycisk = (Button)sender;
        Dodaj(double.Parse($"{przycisk.Tag}"));     // kwoty wpisaliśmy sami w XAML
    }

    private void Wplac_Click(object sender, RoutedEventArgs e)
    {
        if (!double.TryParse(Kwota.Text, out double kwota) || kwota <= 0 || kwota > 1000)
        {
            MessageBox.Show("Wpisz kwotę od 0,01 do 1000 zł.", "Zbiórka",
                            MessageBoxButton.OK, MessageBoxImage.Warning);
            Kwota.SelectAll();
            Kwota.Focus();
            return;
        }

        Dodaj(Math.Round(kwota, 2));
        Kwota.Clear();
    }

    private void Dodaj(double kwota)
    {
        zebrano += kwota;
        Pasek.Value = zebrano;      // wartość powyżej Maximum pasek sam przytnie do 100%
        Historia.Items.Insert(0, $"{DateTime.Now:HH:mm}  +{kwota:F2} zł");
        Odswiez();

        if (zebrano >= Cel)
        {
            MessageBox.Show("Cel osiągnięty! Dziękujemy wszystkim darczyńcom.", "Zbiórka",
                            MessageBoxButton.OK, MessageBoxImage.Information);
        }
    }

    private void Odswiez()
    {
        double procent = zebrano / Cel * 100;
        double brakuje = Cel - zebrano;

        Procent.Text = $"{procent:F0}%";
        Stan.Text = brakuje > 0
            ? $"Zebrano {zebrano:F2} zł z {Cel:F0} zł — brakuje {brakuje:F2} zł"
            : $"Zebrano {zebrano:F2} zł — cel osiągnięty!";

        // kolor paska zależy od postępu
        if (procent < 30)
        {
            Pasek.Foreground = Brushes.IndianRed;
        }
        else if (procent < 100)
        {
            Pasek.Foreground = Brushes.Orange;
        }
        else
        {
            Pasek.Foreground = Brushes.SeaGreen;
        }

        // po osiągnięciu celu kolejne wpłaty są wyłączone
        bool otwarta = brakuje > 0;
        Szybkie.IsEnabled = otwarta;
        Wplac.IsEnabled = otwarta;
        Kwota.IsEnabled = otwarta;
    }
}