/* Target by class name or assign an ID in the object properties */
.progbar {
    appearance: none;
    /* Removes native OS skinning */
    -webkit-appearance: none;
    /* Add and thicken the border */
    border: 2px solid #ffffff;
    border-radius: 3px;
}

/* For Chrome, Safari, and Edge fill color */
.progbar::-webkit-progress-value {
    background-color: #ff9a31 !important;
}

/* For Firefox fill color */
.progbar::-moz-progress-bar {
    background-color: #ff9a31!important;
}

/* Background track color */
.progbar::-webkit-progress-bar {
    background-color: #ffffff;
    /* Add and thicken the border */
    border: 2px solid #ffffff;
    border-radius: 3px;
}