JSFiddle - React, Tailwind, and code Playground

HTML

<div class="col-md-6">
  <ul class="list-inline stats">
    <li>25<small>Strategy</small></li>
    <li>50<small>Design</small></li>
    <li>75<small>Production</small></li>
    <li>25<small>Marketing</small></li>
  </ul>
</div>

CSS

li { color: white; }
.bg25 { background-color: red; c }    
.bg50 { background-color: green }    
.bg75 { background-color: blue }    
.bg100 { background-color: black; }

JavaScript

$('.list-inline li').addClass(function() {
   return 'bg' + this.firstChild.nodeValue;
})