Home
Portfolios
Blog
Features
Skin Layout
HomePage Layout
InsidePage Layout
InsidePage-Leftmenu Layout
InsidePage-Rightmenu Layout
Header 1
Header 2
Header 3
Header 4
Header 5
Header 6
Header 7
Header 8
Containers
Breadcrumb 1
Breadcrumb 2
Breadcrumb 3
Breadcrumb 4
Breadcrumb 5

Typography
Tables
Buttons
Custom Buttons
Images
Icons
Labels And Badges
ContentLayout
Progress Bar
Thumbnails
Media Object
List Style
Dividers
SectionStyles
Boxes

Short Codes
Pricing
ProgressBars
Testimonials
Responsive Tabs
Accordions
Quotes
Dropcaps
Alerts
Popovers
Animation
Dropdowns
Tooltips
Carousel
Images
Flip Box
LightBox
Video BG
Responsive Video
Pages
- About Us
- Services
- Our Team
- Team Details
- Our History
- FAQ
- Pricing
- 404
- Contact Us
Sliders
SlideShow_H

ResponsiveTabs

ResponsiveSlide

FAQ

GoogleMap

ComingSoon

SlideShow_V

Accordion

TransBanner

ContentSlider

Chart

ImageCarousel

Carousel

FlipBox

UnoSlider

VerticalScroll

Pricing

LayerGallery

Isotope

PhotoGallery

Scrolling

Time Line

Socialsider

ProgressBars

Web Design

HTML/CSS

JQuery

DNN

SOURCE CODE

 
<div class="loaded_list">
    <p>Web Design </p>
    <div class="the1 progress progress-striped active">
        <div class="bar animation animationwidth" data-width="80%"><span></span></div>
    </div>
    <p>HTML/CSS</p>
    <div class="the2 progress progress-striped active">
        <div class="bar animation animationwidth" data-width="90%"><span></span></div>
    </div>
    <p>JQuery</p>
    <div class="the3 progress progress-striped active">
        <div class="bar animation animationwidth" data-width="60%"><span></span> </div>
    </div>
    <p>DNN</p>
    <div class="the4 progress progress-striped active">
        <div class="bar animation animationwidth" data-width="70%"><span></span></div>
    </div>
</div>

Web Design

HTML/CSS

JQuery

DNN

Best Reviews

Hot Products

High Opinion

Popularity

SOURCE CODE

 
<div class="chart_list1 row">
    <div class="col-sm-6 col-md-3">
        <div class="the1">
            <div data-percent="100" class="percentage1">
                <div class="percentage_inner"><span>0</span>%</div>
            </div>
        </div>
        <h6>Best Reviews</h6>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="the2">
            <div data-percent="75" class="percentage1">
                <div class="percentage_inner"><span>0</span>%</div>
            </div>
        </div>
        <h6>Hot Products</h6>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="the3">
            <div data-percent="42" class="percentage1">
                <div class="percentage_inner"><span>0</span>%</div>
            </div>
        </div>
        <h6>High Opinion</h6>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="the4">
            <div data-percent="68" class="percentage1">
                <div class="percentage_inner"><span>0</span>%</div>
            </div>
        </div>
        <h6>Popularity</h6>
    </div>
</div>

Web Design

Html5 & Css3

Javascript

DNN

SOURCE CODE

 

<div class="row">
    <div class="col-sm-6">
        <div class="loaded_list2 mb-60">
            <p>Web Design </p>
            <div class="progress progress-striped active">
                <div class="bar animation animationwidth" data-width="75%"><span></span></div>
            </div>
            <p>Html5 &amp; Css3</p>
            <div class="progress progress-striped active">
                <div class="bar animation animationwidth" data-width="90%"><span></span></div>
            </div>
            <p>Javascript</p>
            <div class="progress progress-striped active">
                <div class="bar animation animationwidth" data-width="84%"><span></span> </div>
            </div>
            <p>DNN</p>
            <div class="the4 progress progress-striped active">
                <div class="bar animation animationwidth" data-width="62%"><span></span></div>
            </div>
        </div>
    </div>
    <div class="col-sm-6">
        <div class="loaded_list2 mb-60">
            <p>Web Design </p>
            <div class="progress progress-striped active">
                <div class="bar animation animationwidth" data-width="75%"><span></span></div>
            </div>
            <p>Html5 &amp; Css3</p>
            <div class="progress progress-striped active">
                <div class="bar animation animationwidth" data-width="90%"><span></span></div>
            </div>
            <p>Javascript</p>
            <div class="progress progress-striped active">
                <div class="bar animation animationwidth" data-width="84%"><span></span> </div>
            </div>
            <p>DNN</p>
            <div class="the4 progress progress-striped active">
                <div class="bar animation animationwidth" data-width="62%"><span></span></div>
            </div>
        </div>
    </div>
</div>

Web Design

Html5 & Css3

Javascript

DNN

Photoshop
Web Design
Html5 & Css3
Javascript
Asp.Net
DNN

SOURCE CODE

 
<ul class="loaded_list3">
    <li>
        <p>Photoshop </p>
        <div class="progress progress-striped active">
            <div class="bar animation animationwidth" data-width="60%"><span></span></div>
        </div>
    </li>
    <li>
        <p>Web Design </p>
        <div class="progress progress-striped active">
            <div class="bar animation animationwidth" data-width="85%"><span></span></div>
        </div>
    </li>
    <li>
        <p>Html5 &amp; Css3</p>
        <div class="progress progress-striped active">
            <div class="bar animation animationwidth" data-width="66%"><span></span></div>
        </div>
    </li>
    <li>
        <p>Javascript</p>
        <div class="progress progress-striped active">
            <div class="bar animation animationwidth" data-width="90%"><span></span> </div>
        </div>
    </li>
    <li>
        <p>Asp.Net</p>
        <div class="progress progress-striped active">
            <div class="bar animation animationwidth" data-width="50%"><span></span></div>
        </div>
        </li>
    <li>
        <p>DNN</p>
        <div class="the6 progress progress-striped active">
            <div class="bar animation animationwidth" data-width="72%"><span></span></div>
        </div>
    </li>
</ul>

Photoshop
Web Design
Html5 & Css3
Javascript
Asp.Net
DNN

Photoshop

Web Design

Mobilesite

Html5 & Css3

SOURCE CODE

 
<div class="loaded_list4 the2">
    <p>Javascript</p>
    <div class="progress progress-striped active">
        <div class="bar animation animationwidth" data-width="82%"><span></span></div>
    </div>
    <p>DNN</p>
    <div class="progress progress-striped active">
        <div class="bar animation animationwidth" data-width="69%"><span></span></div>
    </div>
    <p>Asp.net</p>
    <div class="progress progress-striped active">
        <div class="bar animation animationwidth" data-width="47%"><span></span> </div>
    </div>
    <p>SEO</p>
    <div class="the4 progress progress-striped active">
        <div class="bar animation animationwidth" data-width="70%"><span></span></div>
    </div>
</div>

Javascript

DNN

Asp.net

SEO

Photoshop

Web Design

Html5

Css3

Javascript

SOURCE CODE

 
<div class="loaded_list5 mb-60">
    <div class="the1 progress progress-striped active">
    <p>Photoshop </p>
        <div class="bar animation animationwidth" data-width="62%"><span></span></div>
    </div>
    <div class="the2 progress progress-striped active">
    <p>Web Design</p>
        <div class="bar animation animationwidth" data-width="95%"><span></span></div>
    </div>
    <div class="the3 progress progress-striped active">
    <p>Html5</p>
        <div class="bar animation animationwidth" data-width="76%"><span></span> </div>
    </div>
    <div class="the4 progress progress-striped active">
    <p>Css3</p>
        <div class="bar animation animationwidth" data-width="42%"><span></span></div>
    </div>
    <div class="the5 progress progress-striped active">
    <p>Javascript</p>
        <div class="bar animation animationwidth" data-width="83%"><span></span></div>
    </div>
</div>

Photoshop

Web Design

Html5

Css3

Javascript

Web Design

Html5

Css3

Photoshop

SOURCE CODE

 
<div class="loaded_list6 mb-60">
    <p>Web Design</p>
    <div class=" progress progress-striped active">
        <div class="bar animation animationwidth" data-width="62%"><span></span></div>
    </div>
    <p>Html5</p>
    <div class=" progress progress-striped active">
        <div class="bar animation animationwidth" data-width="90%"><span></span></div>
    </div>
    <p>Css3</p>
    <div class=" progress progress-striped active">
        <div class="bar animation animationwidth" data-width="75%"><span></span> </div>
    </div>
    <p>Photoshop</p>
    <div class=" progress progress-striped active">
        <div class="bar animation animationwidth" data-width="50%"><span></span></div>
    </div>
</div>

Dnn

Javascript

Asp.net

SEO

Web Design

Html5 & Css3

Dnn

Javascript

SOURCE CODE

 
<div class="chart_list2 row">
    <div class="col-sm-6 col-md-3">
        <div class="mt-60">
            <div data-percent="32" class="percentage2">
                <div class="percentage_inner"><span>0</span>%</div>
            </div>
            <h6>Web Design</h6>
        </div>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="mt-60">
            <div data-percent="50" class="percentage2">
                <div class="percentage_inner"><span>0</span>%</div>
            </div>
            <h6>Html5 & Css3</h6>
        </div>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="mt-60">
            <div data-percent="74" class="percentage2">
                <div class="percentage_inner"><span>0</span>%</div>
            </div>
            <h6>Dnn</h6>
        </div>
    </div>
    <div class="col-sm-6 col-md-3">
        <div class="mt-60">
            <div data-percent="15" class="percentage2">
                <div class="percentage_inner"><span>0</span>%</div>
            </div>
            <h6>Javascript</h6>
        </div>
    </div>
</div>