.progress {
    display: block;
    height: 11px;
}

.progress > i {
    display: inline-block;
    height: 11px;
    padding: 0 5px;
    min-width: 10px !important;
    position: relative;
    box-sizing: border-box;
    background: url(http://img.kingwars.ru/i/bar.gif) left top repeat-x;
}

.progress > i:before {
    content: "";
    display: block;
    width: 5px;
    height: 11px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://img.kingwars.ru/i/bar_left.gif) left top no-repeat;
}

.progress > i:after {
    content: "";
    display: block;
    width: 5px;
    height: 11px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(http://img.kingwars.ru/i/bar_right.gif) right top no-repeat;
}