X

ProgressBarsCounters1

0%

Web Design

0%

HTML5 & CSS3

0%

JQuery

0%

DNN


SOURCE CODE 
<div class="chart_list row">
    <div class="col-md-3 col-sm-6">
        <div data-percent="41" class="percentage">
            <div class="percentage_inner"><span>0</span>%
                <p>Web Design</p>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div data-percent="76" class="percentage">
            <div class="percentage_inner"><span>0</span>%
                <p>HTML5 &amp; CSS3</p>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div data-percent="63" class="percentage">
            <div class="percentage_inner"><span>0</span>%
                <p>JQuery</p>
            </div>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div data-percent="24" class="percentage">
            <div class="percentage_inner"><span>0</span>%
                <p>DNN</p>
            </div>
        </div>
    </div>
</div>

Web Design

HTML/CSS

JQuery

DNN


SOURCE CODE 
<div class="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>JQuery</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>
0 Customers Like Our Products
0 Followers On Marketplace
0 Reviews On DNN Store
SOURCE CODE 
<div class="number_Animation row">
    <div class="col-sm-4"> 
        <div class="number_Animation_bg">
            <span class="glyphicons glyph-heart"> </span> 
            <span class="animation  number" data-number="2670">0</span> 
            <span class="number_name">Customers Like Our Products</span>
        </div>
    </div>
    <div class="col-sm-4"> 
        <div class="number_Animation_bg">
            <span class="glyphicons glyph-user"> </span> 
            <span class="animation  number" data-number="13280">0</span> 
            <span class="number_name">Followers On Marketplace</span>
        </div>
    </div>
    <div class="col-sm-4"> 
        <div class="number_Animation_bg">
            <span class="glyphicons glyph-comments"> </span> 
            <span class="animation  number" data-number="9400">0</span> 
            <span class="number_name">Reviews On DNN Store</span>
        </div>
    </div>
</div>

Web Design

Sed non neque elit. Sed ut imperdiet nisi. Proin condime ntum fermentum nunc. Etiam pharetra, erat sed ferm entum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Sed non neque elit. Sed ut imperdiet nisi. Proin condimetum nunc. Etiam pharetra, erat sed ferm fermentum nunc. Etiam pharetra, erat velit mauris egestas quam, ut aliquam massa nisl quis neque.

Javascript

Sed non neque elit. Sed ut imperdiet nisi. Proin condime ntum fermentum nunc. Etiam pharetra, erat sed ferm entum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Sed non neque elit. Sed ut imperdiet nisi. Proin condimetum nunc. Etiam pharetra, erat sed ferm fermentum nunc. Etiam pharetra, erat velit mauris egestas quam, ut aliquam massa nisl quis neque.

Html5/Css3

Sed non neque elit. Sed ut imperdiet nisi. Proin condime ntum fermentum nunc. Etiam pharetra, erat sed ferm entum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Sed non neque elit. Sed ut imperdiet nisi. Proin condimetum nunc. Etiam pharetra, erat sed ferm fermentum nunc. Etiam pharetra, erat velit mauris egestas quam, ut aliquam massa nisl quis neque.

DNN

Sed non neque elit. Sed ut imperdiet nisi. Proin condime ntum fermentum nunc. Etiam pharetra, erat sed ferm entum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Sed non neque elit. Sed ut imperdiet nisi. Proin condimetum nunc. Etiam pharetra, erat sed ferm fermentum nunc. Etiam pharetra, erat velit mauris egestas quam, ut aliquam massa nisl quis neque.


SOURCE CODE 
<div class="loaded_list3 row">
    <div class="col-sm-6">
        <div class="pane_layout">
            <div class="row">
                <div class="col-sm-3">
                    <div class="progress progress-striped active">
                        <div data-height="80%" class="bar animation animationwidth"><span></span></div>
                    </div>
                </div>
                <div class="col-sm-9">
                    <div class="progress_rightbox">
                        <h3>Title 1</h3>
                        <div class="line"></div>
                        <p>Content text 1 ...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="pane_layout">
            <div class="row">
                <div class="col-sm-3">
                    <div class="progress progress-striped active">
                        <div data-height="65%" class="bar animation animationwidth"><span></span></div>
                    </div>
                </div>
                <div class="col-sm-9">
                    <div class="progress_rightbox">
                        <h3>Title 2</h3>
                        <div class="line"></div>
                        <p>Content text 2 ...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="pane_layout">
            <div class="row">
                <div class="col-sm-3">
                    <div class="progress progress-striped active ">
                        <div data-height="80%" class="bar animation animationwidth"><span></span></div>
                    </div>
                </div>
                <div class="col-sm-9">
                    <div class="progress_rightbox ">
                        <h3>Title 3</h3>
                        <div class="line"></div>
                        <p>Content text 3 ...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="pane_layout">
            <div class="row">
                <div class="col-sm-3">
                    <div class="progress progress-striped active ">
                        <div data-height="65%" class="bar animation animationwidth"><span></span></div>
                    </div>
                </div>
                <div class="col-sm-9">
                    <div class="progress_rightbox ">
                        <h3>Title 4</h3>
                        <div class="line"></div>
                        <p>Content text 4 ...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>