Basic
<div class="z-process-bar">
<div class="z-process" style="width: 30%"></div>
</div>
<div class="z-process-bar large">
<div class="z-process" style="width: 40%">40%</div>
</div>
<div class="z-process-bar">
<div class="z-process" style="width: 60%">60%</div>
</div>
<div class="z-process-bar small">
<div class="z-process" style="width: 50%"></div>
</div>
<div class="z-process-bar mini">
<div class="z-process" style="width: 70%"></div>
</div>
<div class="z-process-bar green">
<div class="z-process" style="width: 40%">40%</div>
</div>
<div class="z-process-bar red">
<div class="z-process" style="width: 60%">60%</div>
</div>
<div class="z-process-bar teal">
<div class="z-process" style="width: 50%">50%</div>
</div>
<div class="z-process-bar yellow">
<div class="z-process" style="width: 70%">70%</div>
</div>
<div class="z-process-bar purple">
<div class="z-process" style="width: 50%">50%</div>
</div>