en-USzh-CN
X

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

0%
Best Reviews
0%
Hot Products
0%
High Opinion
0%
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

0%
Web Design
0%
Html5 & Css3
0%
Dnn
0%
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>