progress[value] {
    width: 250px;
}

progress[value]::-webkit-progress-bar {
    background-color: #f3f3f3;
    border-radius: 2px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
}

progress[value]::-webkit-progress-value {
    background-image:
        -webkit-linear-gradient(-45deg, 
                        transparent 33%, rgba(0, 0, 0, .1) 33%, 
                        rgba(0, 0, 0, .1) 66%, transparent 66%),
        -webkit-linear-gradient(top, 
                        rgba(255, 0, 0, .2), 
                        rgba(0, 255, 0, .2)),
        -webkit-linear-gradient(left, #ff3300, #33ff00);
}