<h4>Normal</h4>
<div class="progress">
<progress max="100" value="0" data-displayval="0%"></progress>
</div>
<h4>Success</h4>
<div class="progress user">
<progress max="100" value="0" data-displayval="0%"></progress>
</div>
<h4>Danger/Warning</h4>
<div class="progress danger">
<progress max="100" value="0" data-displayval="0%"></progress>
<span class="danger-text">
<clr-icon size="24" shape="exclamation-circle">;</clr-icon>
Connection to database timed out. >
<a>Try again</a>
</span>
</div>