Progress Bars

<div class="dg-loadlist dg-bar05 bar-arrow01 medium border-round">
    <h6>Web Design</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="78%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar05 bar-arrow01 medium border-round">
    <h6>Photoshop</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent2" data-width="92%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar05 bar-arrow01 medium border-round">
    <h6>HTML5 &amp; CSS3</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent3" data-width="95%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar05 bar-arrow01 medium border-round">
    <h6>JavaScript</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent4" data-width="85%">
            <span></span>
        </div>
    </div>
</div>

<div class="dg-loadlist dg-bar01 bar-arrow01 medium border-round">
    <h6>Web Design</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="78%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar01 bar-arrow01 medium border-round">
    <h6>Photoshop</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent2" data-width="92%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar01 bar-arrow01 medium border-round">
    <h6>HTML5 &amp; CSS3</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent3" data-width="95%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar01 bar-arrow01 medium border-round">
    <h6>JavaScript</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent4" data-width="85%">
            <span></span>
        </div>
    </div>
</div>

<div class="dg-loadlist dg-bar02 bar-arrow03 medium border-round">
    <h6>Web Design</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="78%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar02 bar-arrow03 medium border-round">
    <h6>Photoshop</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent2" data-width="92%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar02 bar-arrow03 medium border-round">
    <h6>HTML5 &amp; CSS3</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent3" data-width="95%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar02 bar-arrow03 medium border-round">
    <h6>JavaScript</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent4" data-width="85%">
            <span></span>
        </div>
    </div>
</div>

<div class="dg-loadlist dg-bar03 bar-arrow02 medium border-round">
    <h6>Web Design</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="78%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar03 bar-arrow02 medium border-round">
    <h6>Photoshop</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent2" data-width="92%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar03 bar-arrow02 medium border-round">
    <h6>HTML5 &amp; CSS3</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent3" data-width="95%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar03 bar-arrow02 medium border-round">
    <h6>JavaScript</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent4" data-width="85%">
            <span></span>
        </div>
    </div>
</div>

<div class="dg-loadlist dg-bar06 bar-arrow01 size-sm border-round">
    <h6>Web Design</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="78%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar06 bar-arrow01 size-sm border-round">
    <h6>Photoshop</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent2" data-width="92%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar06 bar-arrow01 size-sm border-round">
    <h6>HTML5 &amp; CSS3</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent3" data-width="95%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar06 bar-arrow01 size-sm border-round">
    <h6>JavaScript</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent4" data-width="85%">
            <span></span>
        </div>
    </div>
</div>

<div class="dg-loadlist dg-bar06 bar-arrow04 size-sm border-round show-stripes">
    <h6>Web Design</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="78%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar06 bar-arrow04 size-sm border-round show-stripes">
    <h6>Photoshop</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent2" data-width="92%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar06 bar-arrow04 size-sm border-round show-stripes">
    <h6>HTML5 &amp; CSS3</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent3" data-width="95%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar06 bar-arrow04 size-sm border-round show-stripes">
    <h6>JavaScript</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent4" data-width="85%">
            <span></span>
        </div>
    </div>
</div>

<div class="dg-loadlist dg-bar04 bar-arrow04 size-sm border-round">
    <h6>Web Design</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="78%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar04 bar-arrow04 size-sm border-round">
    <h6>Photoshop</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="92%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar04 bar-arrow04 size-sm border-round">
    <h6>HTML5 &amp; CSS3</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="95%">
            <span></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar04 bar-arrow04 size-sm border-round">
    <h6>JavaScript</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="85%">
            <span></span>
        </div>
    </div>
</div>

<div class="dg-loadlist dg-bar04 bar-arrow02 size-sm border-round show-stripes">
    <h6>Web Design</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="78%">
            <span class="bg-accent border-accent"></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar04 bar-arrow02 size-sm border-round show-stripes">
    <h6>Photoshop</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="92%">
            <span class="bg-accent border-accent"></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar04 bar-arrow02 size-sm border-round show-stripes">
    <h6>HTML5 &amp; CSS3</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="95%">
            <span class="bg-accent border-accent"></span>
        </div>
    </div>
</div>
<div class="dg-loadlist dg-bar04 bar-arrow02 size-sm border-round show-stripes">
    <h6>JavaScript</h6>
    <div class="progress">
        <div class="bar animation animationwidth bg-accent" data-width="85%">
            <span class="bg-accent border-accent"></span>
        </div>
    </div>
</div>