Different Color For Bootstrap Progress Bar Inside Smarty Foreach

[alouty]

Looking to replace progress-info with progress-warning,progress-success, progress-danger,progress-primary and progress-inverse for each of inner foreach.

 

JSFIDDLE: http://jsfiddle.net/6TaQt/14/

 

CODE:

{foreach from=$complexElements key="complexElementKey" item="complexElementItem"}

<div class="row-fluid">

 

{foreach from=$form_fields item=form_field}

{if $form_field.caption == "Language Name"}

<h4><a class='danger' data-placement='above' title="Popover Title" href='#'>{display property=$form_field.id complexParent=$complexField complexStep=$complexElementKey}</a> </h4>

{else}

<div id="popover_content_wrapper" style="display: none" style="display:inline">

<label class="span4" for="slider">[[$form_field.caption]]</label>

<div class="span8">

<div class="progress progress-info progress-striped" rel="tooltip" title="{display property=$form_field.id complexParent=$complexField complexStep=$complexElementKey}%">

<div class="bar" style="width: {display property=$form_field.id complexParent=$complexField complexStep=$complexElementKey}%;"></div>

</div>

</div>

</div>

{/if}

{/foreach}

</div>

{/foreach}