We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Overview

The progress bar provides a customizable visual that indicates the progress of a task. It includes features such as the ability to visualize progress in rectangle and circular shapes, determinate and indeterminate states, segments, and customized ranges in different colors. It also supports animation.


Types

Visualize progress in different shapes (rectangle, circle, and semi-circle) to give your app design a unique appearance.

Linear progress bar

Circular progress bar

Semi-circle progress bar


States

Visualize the progress in different modes.

Determinate state

Determinate

Use the determinate mode when the progress can be estimated.

Indeterminate state

Indeterminate

Use the indeterminate mode when the progress cannot be estimated or is being calculated. It can be combined with determinate mode to let users know that the app is estimating the progress before the actual progress starts.

Buffer

Buffer

Use a secondary progress indicator when a primary task depends on a secondary task. This will allow users to visualize both primary and secondary tasks’ progress simultaneously.


Segments

Avoid writing several lines of code to create and position multiple progress bars; just divide a progress bar into multiple segments using the single API to visualize the progress of multiple sequential tasks.

Segmented progress bar


Angle

Customize the start and sweep angle of the circular progress bar to give the control a unique style.

Angle customization in circular progress bar


Custom content

Add any view at the center of the circular progress to: indicate the completion of the progress; add start, pause, or cancel buttons to control the progress interactively; add an image that indicates the actual task in progress; add custom text that conveys how far the task is completed.

Custom content in circular progress bar


Visualize multiple ranges

Along with visualizing the progress of the task, users can also visualize multiple ranges with gradient colors or solid colors that are mapped to each range to enhance the readability of the progress.

Range colors in linear progress bar


Appearance

Appearance is highly customizable.

Track height in linear progress bar

Thickness

Tweak the thickness of the track and progress indicator to render the control with different appearances.

Different progress colors

Colors

Apply appealing colors to the track and progress indicator to match your app theme.

Corner radius in linear progress bar

Corner radius

The corner radius of the progress bar can be customized.


130+ XAMARIN CONTROLS


ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.