<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>

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

<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>

<div class="row-fluid loaded_list2">
    <p> Web Design </p>
    <div class="progress progress-striped active">
        <div data-width="90%" class="bar animation animationwidth color_1_bg"><span></span></div>
    </div>
    <p> HTML/CSS</p>
    <div class="progress progress-striped active">
        <div data-width="95%" class="bar animation animationwidth color_2_bg"><span></span></div>
    </div>
    <p>Graphic Design </p>
    <p> </p>
    <div class="progress progress-striped active">
        <div data-width="85%" class="bar animation animationwidth color_3_bg"><span></span> </div>
    </div>
    <p>DNN</p>
    <div class="progress progress-striped active">
        <div data-width="75%" class="bar animation animationwidth color_4_bg"><span></span></div>
    </div>
</div>

<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>