The requested page is not available for the requested platform. You are viewing the content for Default platform.

Progress Bar

  • 2 min to read
Important

Bootstrap Controls for ASP.NET Core are in maintenance mode. We don’t add new controls or develop new functionality for this product line. Our recommendation is to use the ASP.NET Core Controls suite.

The Bootstrap Progress Bar control allows you to visually indicate a lengthy operation progress, operation rate, etc.

BootstrapProgressBar_Overview

Bootstrap Progress Bar offers the following features.

  • The Capability to Limit an Indicated Range

    The BootstrapProgressBarBuilder.Minimum and BootstrapProgressBarBuilder.Maximum methods allow you to define the range of values that represent the progress of an operation. The Minimum property is typically set to 0, and the Maximum property is typically set to a value indicating the completion of a task. For instance, to properly display the progress when uploading a group of files, the Maximum property could be set to the total number of files to be uploaded or to their total length.

    Use the BootstrapProgressBarBuilder.Position method to specify the progress that the application has made toward completing the operation. The position value lies in the range defined using the Minimum and Maximum methods.

  • Optional Text Display

    The BootstrapProgressBarBuilder.ShowPosition method specifies whether or not the progress bar displays the text representation of a progress value. The BootstrapProgressBarBuilder.DisplayMode method specifies whether the progress bar displays the progress value in a percentage or a position view. The value displayed by the progress bar control only approximates the current position value.

  • Full-Featured Client-Side API

    Bootstrap Progress Bar provides you with a comprehensive client-side API. This API is implemented using JavaScript and is exposed via the BootstrapProgressBar object. The BootstrapProgressBar object serves as a client-side equivalent of the Bootstrap Progress Bar control.

    You can operate with the editor values using the following methods.

See Also