Rating Bars | DesignWall

chrisgagner
asked 10 years ago

On the About Me page of the DW Minion demo, I saw some progress/rating bars under the label: “Technical Experience” How were these created using the theme?

1 Answers

DominicStaff
answered 10 years ago

Hi Chris,
On the About me page of the DW Minion, we are using the following code to display Ranting Bars, You can log in To dashboard > Pages > Add new, add the following code to the “Text” frame.

<div class="row-fluid">
<div class="span2"><strong>Photoshop</strong></div>
<div class="span10">
<div class="progress progress-info">
<div class="bar" style="width: 60%;">6/10</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span2"><strong>HTML &amp; CSS</strong></div>
<div class="span10">
<div class="progress progress-success">
<div class="bar" style="width: 70%;">7/10</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span2"><strong>JavaScript
</strong></div>
<div class="span10">
<div class="progress progress-warning">
<div class="bar" style="width: 80%;">8/10</div>
</div>
</div>
</div>
<div class="row-fluid">
<div class="span2"><strong>PHP</strong></div>
<div class="span10">
<div class="progress progress-danger">
<div class="bar" style="width: 90%;">9/10</div>
</div>
</div>
</div>

Hope this helps !