[class*="am-loadlist"] .progress { overflow: initial; background: none; }

.am-loadlist01 h6 { font-size: 16px; margin-top: 0; margin-bottom: 8px; }

.am-loadlist01 .progress { height: 15px; margin: 0 0 28px 0; border: 1px solid #dddddd; border-radius: 40px; position: relative; }

.am-loadlist01 .bar { position: absolute; width: 0; top: -1px; bottom: -1px; left: 0; background-color: currentColor; -webkit-transition: width ease-in 400ms; transition: width ease-in 400ms; background-size: 40px 40px; border-radius: 40px; }

    .am-loadlist01 .bar span { position: absolute; left: 100%; margin-left: -5px; top: -29px; font-size: 14px; line-height: 1; padding: 3px 6px; color: #666666; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

    .am-loadlist01 .bar::after { content: ""; width: 11px; height: 11px; position: absolute; right: 2px; top: 2px; max-width: 100%; background-color: #FFF; border-radius: 40px; }




.am-loadlist02 h6 { font-size: 16px; margin-top: 0; margin-bottom: 8px; }

.am-loadlist02 .bar { position: relative; height: 100%; width: 0; background-color: currentColor; -webkit-transition: width ease-in 400ms; transition: width ease-in 400ms; background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, .3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 75%, transparent 75%, transparent); background-size: 40px 40px; -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; border-radius: 40px; }

.am-loadlist02 .progress { position: relative; height: 10px; margin: 0 0 28px 0; color: #20a3f0; background-color: transparent; background-color: #f4f4f4; border-radius: 40px; }

.am-loadlist02 .bar span { position: absolute; left: 100%; margin-left: -5px; top: -32px; font-size: 13px; line-height: 1; padding: 3px 6px; color: #666; border: 1px solid #666; border-radius: 3px; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

    .am-loadlist02 .bar span:after { content: ""; position: absolute; width: 5px; height: 5px; border-bottom: 1px solid; border-right: 1px solid; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 100%; left: 50%; background-color: transparent !important; margin: -2px 0 0 -2px; }

@-webkit-keyframes progress-bar-stripes {
    from { background-position: 40px 0 }

    to { background-position: 0 0 }
}

@-o-keyframes progress-bar-stripes {
    from { background-position: 40px 0 }

    to { background-position: 0 0 }
}

@keyframes progress-bar-stripes {
    from { background-position: 40px 0 }

    to { background-position: 0 0 }
}


.am-loadlist03 h6 { font-size: 16px; margin-top: 0; margin-bottom: 8px; }

.am-loadlist03 .progress { height: 15px; margin: 0 0 32px 0; position: relative; padding: 5px; }

.am-loadlist03 .bar { width: 0; height: 5px; background-color: currentColor; -webkit-transition: width ease-in 400ms; transition: width ease-in 400ms; background-size: 40px 40px; border-radius: 40px; }

    .am-loadlist03 .bar::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: inherit; border-radius: 40px; opacity: .1; }

    .am-loadlist03 .bar span { font-size: 13px; line-height: 1; color: #666666; float: right; margin-top: -35px; background-color: inherit; color: #fff; padding: 4px 5px; border-radius: 3px; position: relative; -webkit-transform: translateX(50%); transform: translateX(50%); }
        .am-loadlist03 .bar span::after { content: ""; background-color: inherit; width: 5px; height: 5px; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 100%; left: 50%; position: absolute; margin: -2px 0 0 -3px; }

