Измените вид следующего элемента <progress>:
<progress value="30" max="100"></progress>
Чтобы цвет шкалы выглядел одинаково в браузерах Chrome и Firefox, как показано на рис. 1.
Рис. 1
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>progress</title>
<style>
body {
background-color: #333;
}
progress {
width: 100%;
accent-color: #44a9d1;
}
</style>
</head>
<body>
<progress value="30" max="100"></progress>
</body>
</html>