Top Color:
Main Color:
Bottom Color:
Features  >>  Short Codes  >>  ProgressBars Counters
Friday , March , 29 2024

Enter Title


0%
Web Design
0%
HTML5 & CSS3
0%
Graphic Design
0%
DNN

SOURCE CODE
<div class="chart_list row-fluid">
    <div class="span3">
        <div data-percent="65" class="percentage">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        Web Design
    </div>
    <div class="span3">
        <div data-percent="70" class="percentage">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        HTML5 &amp; CSS3
    </div>
    <div class="span3">
        <div data-percent="85" class="percentage">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        Graphic Design
    </div>
    <div class="span3">
        <div data-percent="45" class="percentage">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        DNN
    </div>
</div>

 

Text/HTML

0%
Web Design
0%
HTML5 & CSS3
0%
Graphic Design
0%
DNN

SOURCE CODE
<div class="chart_list2 row-fluid">
    <div class="span3">
        <div data-percent="65" class="percentage2">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        Web Design
    </div>
    <div class="span3">
        <div data-percent="70" class="percentage2">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        HTML5 &amp; CSS3
    </div>
    <div class="span3">
        <div data-percent="85" class="percentage2">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        Graphic Design
    </div>
    <div class="span3">
        <div data-percent="45" class="percentage2">
            <div class="percentage_inner"><span>0</span>%</div>
        </div>
        DNN
    </div>
</div>

 


Text/HTML

Web Design

HTML/CSS

Graphic Design

DNN


SOURCE CODE
<div class="row-fluid loaded_list">
    <p> Web Design </p>
    <div class="progress progress-striped active">
        <div class="bar animation animationwidth" data-width="90%"><span></span></div>
    </div>
    <p> HTML/CSS</p>
    <div class="progress progress-striped active">
        <div class="bar animation animationwidth" data-width="95%"><span></span></div>
    </div>
    <p>Graphic Design
    </p>
    <div class="progress progress-striped active">
        <div class="bar animation animationwidth" data-width="85%"><span></span> </div>
    </div>
    <p>DNN</p>
    <div class="progress progress-striped active">
        <div class="bar animation animationwidth" data-width="75%"><span></span></div>
    </div>
</div>


 

Text/HTML

0
0
0
0

SOURCE CODE
<div class="number_Animation row-fluid">
    <div class="span3"> 
        <span class="glyphicons glyph-user"> </span> <span class="animation  number" data-number="5300">0</span> 
    </div>
    <div class="span3"> 
        <span class="glyphicons glyph-heart"> </span> <span class="animation  number" data-number="10321">0</span> 
    </div>
    <div class="span3"> 
        <span class="glyphicons glyph-star"> </span> <span class="animation  number" data-number="4632">0</span> 
    </div>
    <div class="span3"> 
        <span class="glyphicons glyph-bookmark"> </span> <span class="animation  number" data-number="6548">0</span> 
    </div>
</div>