Tabris.js Widgets: ProgressBar

The ProgressBar widget represents a numeric value as a horizontal bar with a growing indicator. It is not tied to the percentage values, so instead of regular 0-100 range, you can set any start and finish values for the progress bar by modifying the selection property. Use left, right and width properties from the Widget parent class to modify the progress bar width.

Using property state you can set ProgressBar to normal, paused and error states for better interactivity. Run the following code to see the difference between states:

And here is an animated progress bar using a timer:

For more detailed information about the widget, use the ProgressBar documentation page.