Help is on the way!

Browse our Documentation, Search the Knowledge Base, Still need help? Send us a support ticket.

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

Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET

Didn't find an Answer?

If you didn't find the answer you were looking for from the links above.




SUBMIT SUPPORT TICKET