---
lang: ja-jp
breaks: true
---
# WinUI 3 標準の `ProgressBar` を表示する 2022-11-24

<video
src="https://user-images.githubusercontent.com/83535794/203690373-998dc1d0-dee0-4b34-a1f7-274c868024a6.mp4"
width="720"
controls
>
</video>

## MainWindow.xaml

<Window
    x:Class="App2_ProgressBar.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App2_ProgressBar"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid>
        <StackPanel Orientation="Vertical" HorizontalAlignment="Center" VerticalAlignment="Center">
            <Button x:Name="myButton" Click="myButton_Click" HorizontalAlignment="Center">Click Me</Button>
            <ProgressBar 
                x:Name="progressBar"
                Width="300" 
                IsIndeterminate="false" 
                ShowPaused="False" 
                ShowError="False" 
                />
        </StackPanel>
    </Grid>
</Window>

## MainWindow.xaml.cs

public sealed partial class MainWindow : Window
{
    public MainWindow()
    {
        this.InitializeComponent();
    }

    private void myButton_Click(object sender, RoutedEventArgs e)
    {
        myButton.Content = "Clicked";

        progressBar.IsIndeterminate = !progressBar.IsIndeterminate;
    }
}

###### tags: `WinUI 3` `ProgressBar`