ProgressBar

<h1>d-progress-bar</h1>
ProgressBar widget displays status for tasks that takes a long time. 
<ul>
<li>can be used on  desktop and mobile browsers.</li>
<li>displays the amount of completed task with a label (percentage or absolute value)</li>
<li>indeterminate state: an animation indicates a task is underway but the  amount completed is unkown.</li>
</ul>
**Content**
<ul>
<li>d-progress-bar widget</li>
<li>RTL support: all themes</li>
<li>a11y high contrast support (RTL and LTR) :  bootstrap/custom themes</li>
</ul>
**Tests**
<ul>
<li>Test file `tests/test_ProgressBar.html` available for manual testing</li>
<li>Unit tests: not ready yet to be pushed.</li>
</ul>
**Styling**
<ul>
<li>Styling doesn't rely on delite variables: will be refactored later.</li>
</ul>
**a11y**
<ul>
<li>dj_a11y descendent classes are defined in files `ProgressBar_a11y.less` and  `ProgressBar_a11y_rtl.less`  under `ProgressBar/themes/{theme}` [1] </li>
</ul>
[1] See issue https://github.com/ibm-dojo/delite/issues/87 for discussion about a11y CSS organization.
<h1>Usage</h1>
```html
<d-progress-bar value="10%" 
                maximum="100"
                label="Loading..."
                places="2"
                indeterminate="false"></d-progress-bar>
```
<table>
	<tr>
		<th>Attribute</th><th>Description</th>
	</tr>
	<tr>
		<th scope="row">value</th>
		<td><ul>
			<li>Number or percentage indicating the amount of completed task.</li>
			<li>With "%": percentage value, 0% &lt;= progress &lt;= 100%, or</li>
			<li>without "%": absolute value, 0  &lt;= progress  &lt;= maximum.</li>
			<li>It is possible to programmatically set the numeric value 'Infinity' to force the progress bar state to indeterminate.</li> <li>Default: "0"</li>
		</ul></td>
	</tr>
	<tr>
		<th scope="row">maximum</th>
		<td><ul>
			<li>This is the number which express the task as completed.</li>
			<li>Default: 100</li>
		</ul></td>
	</tr>
	<tr>
		<th scope="row">label</th>
		<td><ul>
			<li>Allow to specify/override the label on the progress bar whether it's determinate or indeterminate.</li>
			<li>By default, when the state is determinate the progress bar displays the percentage of completion or a number which express the amount of task completed.</li>
			<li>when state is indeterminate it doesn't display a label.</li>
			<li>Default: ""</li>
		</ul></td>
	</tr>
	<tr>
		<th scope="row">places</th>
		<td><ul>
			<li>Number of places to show on default label displayed by the progress bar.</li>
			<li>Default: 0</li>
		</ul></td>
	</tr>
	<tr>
		<th scope="row">indeterminate</th>
		<td><ul>
			<li>If false: the progress bar indicates the percentage of progression, with a label.</li>
			<li>If true: the progress bar show that a task is underway but that the amount completed is unknown, with no label.</li>
			<li>Setting indeterminate to true do not modify the current value.</li>
			<li>Setting indeterminate to false do not modify the current value, unless if the value was Infinity: in such case the value is reset to 0.</li>
		</ul></td>
	</tr>
</table>