.Bar01{
    width:100%;
    height:5px;
    margin:0 0;
    display:inline-block;
    background:#0094ff;
    overflow:hidden;
    float:left;
    list-style: none;
    content:"";
    *zoom: 1;
}

.Bar01 .BarLeft{
    top:0; 
    left:20px;
    position:relative;
    width:70px;
    height:11px;
    margin:0 0;
    background:#0026ff;
    transform:skewX(-45deg);
    margin-left:auto;
    float:left;
    display:inline-block;
    content:"";
}

.Bar01 .BarLeft::before{
    top:0; 
    left:0px;
    position:absolute;
    width:5px;
    height:11px;
    margin:0 0;
    background:#ffffff;
    content:"";
    display:inline-block;
}
.Bar01 .BarLeft::after{
    top:0; 
    right:0px;
    position:absolute;
    width:5px;
    height:11px;
    margin:0 0;
    background:#ffffff;
    content:"";
    display:inline-block;
}

.Bar01 .BarCenter{
    left:20px;
    position:relative;
    width:70px;
    height:11px;
    margin:0 0;
    background:#ff6a00;
    transform:skewX(-45deg);
    float:left;
    display:inline-block;
    content:"";
}

.Bar01 .BarCenter::after{
    top:0;
    right:0;
    position:absolute;
    width:5px;
    height:11px;
    margin:0 0;
    background:#ffffff;
    content:"";
    display:inline-block;
}