Skip to content
This repository has been archived by the owner on Oct 9, 2018. It is now read-only.

Progress Indicator

tneil edited this page May 18, 2012 · 13 revisions

NOTE: Progress Indicators are currently only available in the "next" branch

Progress Indicator

Progress Indicators are quite easy to use in bbUI. Simply add an HTML5 <progress> element and you are good to go

<progress max="100" value="10"></progress>

The control will be displayed according to the UI specifications found on the target BlackBerry operating system. When styling is applied it will stretch the slider to 100% of the width of its containing element/div. The highlight color of the slider will use the bb10HighlightColor provided in the toolkit init() function for BlackBerry 10 and will use a standard green color for other BlackBerry operating systems.

You can use the max and value attributes to set the initial state of your indicator.