JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.kendostatic.com/2013.1.319/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.319/styles/kendo.default.min.css">
<table id="workflowviz">
<tr class="row">
<td data-name="step1">0</td>
<td data-name="stage: completed ">1</td>
<td data-name="stage: completed ">2</td>
<td data-name="stage: completed ">3</td>
<td data-name="stage: completed ">4</td>
<td data-name="stage: completed ">5</td>
</tr>
<tr class="row">
<td data-name="step2">0</td>
<td data-name="stage: completed">1</td>
<td data-name="stage: not completed">2</td>
<td data-name="stage: not completed">3</td>
<td data-name="stage: not completed">4</td>
<td data-name="Sub Stage: New ">5</td>
</tr>
</table>

CSS

.green{
    
background-color:green;
}

JavaScript

$(document).ready(function() {
     console.time("E")
     $("table tr").each(function() {
         if ($(this).find("td[data-name='stage: completed ']").length == 5)
             $(this).addClass("green")
     })
     console.timeEnd("E")
 });