Components

A set of reusable components for web applications

<px-progress-bar>

A progress bar.

Examples

Simple progress bars.

<px-progress-bar value="0.25"></px-progress-bar>
<px-progress-bar class="info" value="0.50"></px-progress-bar>
<px-progress-bar class="warning" value="0.75"></px-progress-bar>
<px-progress-bar class="danger" value="1.00"></px-progress-bar>

Progress bars with a candy stripe background.

<px-progress-bar class="striped" value="0.25"></px-progress-bar>
<px-progress-bar class="striped info" value="0.50"></px-progress-bar>
<px-progress-bar class="striped warning" value="0.75"></px-progress-bar>
<px-progress-bar class="striped danger" value="1.00"></px-progress-bar>

Animated progress bars.

<px-progress-bar class="animated striped" value="0.25"></px-progress-bar>
<px-progress-bar class="animated striped info" value="0.50"></px-progress-bar>
<px-progress-bar class="animated striped warning" value="0.75"></px-progress-bar>
<px-progress-bar class="animated striped danger" value="1.00"></px-progress-bar>