JSFiddle - React, Tailwind, and code Playground

by Alexander Malinov

JavaScript

const colors = ['#EF5350', '#66BB6A', '#9CCC65', '#FFA726', '#FF7043'];
const getColorProgress = value => colors[Math.ceil(value/25)] || colors[0];

console.log(getColorProgress(-1));
console.log(getColorProgress(25));
console.log(getColorProgress(50));
console.log(getColorProgress(75));
console.log(getColorProgress(100));
console.log(getColorProgress(101));