chrisgagner
asked 8 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 8 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 !

Powered by DW Question & Answer Pro