ui-progress-bar {
    display: inline-block;
}

ui-progress-bar progress[value] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 8px;
    /* Get rid of default border in Firefox. */
    border: none;
    /* For IE10 */
    color: blue;
}

/*The bar holder*/
ui-progress-bar progress[value]::-webkit-progress-bar {
    border-radius: 20px;
    background-color: var(--fermat-color-background500);
    border: 1px solid var(--fermat-color-neutral300);

}


ui-progress-bar progress[value]::-webkit-progress-value {
    background-color: var(--fermat-color-accent500);
    border-radius: 2px;
}

ui-progress-bar progress[value]::-moz-progress-bar {
    background-color: var(--fermat-color-accent500);
    border-radius: 2px;
}