#slider {
    width: 100%;
    height: 15px;
    border: 1px solid #000;
    border-radius: 10px;
    overflow: hidden;
    background-image: -webkit-linear-gradient(90deg, #F8F8F8, #C8C8C8, #989898);
}

#sliderbar1 {
    width: 0%;
    height: 13px;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, #980000, #C80000, #F80000);
}

#sliderbar2 {
    width: 0%;
    height: 13px;
    border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, #339900, #33CC00, #33FF00);
}