Help is on the way!

User25 - JoomlaXTC HTML Module

In the User25 position we use our JoomlaXTC HTML Module to create the Our Projects Progress Bars. Use the module suffix 'center wtext nopad'

Use the following mark up for the Module HTML. You can cahnge the progress by simply changing the width %.

HTML

<center>
<i class="wdivide fa fa-ellipsis-h"></i>
<div data-sr='reset enter top ease 300px over 0.6s'>
<p class="subtext">Lorem ipsum dolor sit met <br>consectetur adipiscing elit, mihi vero, inquit.</p><h3 class="topsearch_txt"><span class="txtcounter" style="display: inline-block; width: 4%">123</span>
 Projects Completed</h3></center>
 </div>
<div data-sr='reset enter bottom ease 180px over 0.8s' class="row-fluid">
<div class="span6">
<p>Mobile Apps</p>
<div class="progress progress-info">
  <div class="bar" style="width: 20%"></div>
</div>
<p>Graphic Design</p>
<div class="progress progress-success">
  <div class="bar" style="width: 40%"></div>
</div>
</div>
<div class="span6">
<p>PHP Programming</p>
<div class="progress progress-warning">
  <div class="bar" style="width: 60%"></div>
</div>
<p>Joomla Templates</p>
<div class="progress progress-danger">
  <div class="bar" style="width: 80%"></div>
</div>
</div>
</div>

For more information on configuring the HTML Module visit the full documentation HERE