ProgressBar

• Aug 09, 2019
• 4 minutes to read

ProgressBar represents a progress bar control that enables you to visually indicate the progress of a lengthy operation or operation rate, etc. A progress bar is typically used when an application performs tasks such as uploading files or deleting data records.

Implementation Details

ProgressBar is realized by the ProgressBarExtension class. Its instance can be accessed via the ExtensionsFactory.ProgressBar helper method, which is used to add a ProgressBar extension to a view. This method’s parameter provides access to the ProgressBar ‘s settings implemented by the ProgressBarSettings class, allowing you to fully customize the extension.

The ProgressBar ‘s client counterpart is represented by the ASPxClientProgressBar object.

Declaration

ProgressBar can be added to a view in the following manner.

View code (ASPX):

• C#

<% 
    Html.DevExpress().ProgressBar(
        settings => {
            settings.Name = "progressBar1";

            settings.Properties.Minimum = 0;
            settings.Properties.Maximum = 10;
            settings.Position = 3;

            settings.Properties.ShowPosition = true;

            settings.Width = 150;
        }
    )
    .Render();
%>

View code (Razor):

• C#

@Html.DevExpress().ProgressBar(
    settings => {
        settings.Name = "progressBar1";

        settings.Properties.Minimum = 0;
        settings.Properties.Maximum = 10;
        settings.Position = 3;

        settings.Properties.ShowPosition = true;

        settings.Width = 150;
    }).GetHtml()

Note

The Partial View should contain only the extension’s code.

The code result is demonstrated in the image below.

#№ Main Features

The ProgressBar extension allows you to visually indicate a lengthy operation progress, operation rate, etc.

The ProgressBar offers the following features.

• The Capability to Limit an Indicated Range

• Optional Text Display

• Customizable Appearance

• Full-Featured Client-Side API