 [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;
}



