Wpf - ProgressBar con información de procentaje

Descripción general

Este documento muestra el código Xaml que se puede usar para mostrar una barra de progreso con el tanto por ciento mostrado en el centro de la misma

[TOC] Tabla de Contenidos

• Código Xaml
• Código Vb

De lo que estoy hablando es de algo así como esto.

↑↑↑

Código Xaml

        <StatusBar x:Name="StatusBarConInformacion" 
                   HorizontalAlignment="Stretch" 
                   VerticalAlignment="Bottom" Background="{x:Null}">


            <StatusBarItem>
                <Grid x:Name="EmpaquetadoProgressBar" >
                    <Grid.RowDefinitions>
                        <RowDefinition Height="25" />
                    </Grid.RowDefinitions>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="auto" />
                    </Grid.ColumnDefinitions>

                    <ProgressBar x:Name="ProgressBarInfoProceso"                                  
                                 HorizontalAlignment="Stretch" VerticalAlignment="Stretch"  
                                 Height="22"  Width="200" Background="#FFABF7E9" />

                    <TextBlock  x:Name="TextBlockPorcentaje" 
                                HorizontalAlignment="Center" VerticalAlignment="Center" 
                                TextWrapping="NoWrap" Text="10 %"/>
                </Grid>
            </StatusBarItem>

            <StatusBarItem  HorizontalAlignment="Left" Visibility="Visible" >
                <StatusBarItem.Content>
                    <TextBlock x:Name="TextBlockTratados" >20 de 40</TextBlock>
                </StatusBarItem.Content>
            </StatusBarItem>

            <StatusBarItem   HorizontalAlignment="Left"  Visibility="Visible">
                <StatusBarItem.Content>
                    <TextBlock x:Name="TextBlockNombreFichero"> agua.jpg</TextBlock>
                </StatusBarItem.Content>
            </StatusBarItem>

        </StatusBar>

↑↑↑

Código Vb

Codigo de un Boton que simula como funciona este progressbar

Private Sub button_Click(sender As Object, e As RoutedEventArgs) Handles button.Click

    Me.ProgressBarInfoProceso.Maximum = 100
    ' 50 para que se quede a mitad y poder sacar la foto :-))
    For i = 1 To 50
        Me.ProgressBarInfoProceso.Value = i
        TextBlockPorcentaje.Text = String.Format("{0,2}%", i)
        TextBlockTratados.Text = String.Format("{0,2} de {1,3}", i, 100)
        TextBlockNombreFichero.Text = String.Format("nombreFichero{0,000}.jpg", i)
    Next
End Sub

↑↑↑

A.2.Enlaces

[Para saber mas]

[Grupo de documentos]

[Documento Index]

[Documento Start]

[Imprimir el Documento]