<li class="Widget-listItem">
  <div class="Widget-listItemInner <%- isDisabled ? 'is-disabled' : '' %>">
    <div class="Widget-contentSpaced">
      <p class="Widget-textSmall Widget-textSmall--bold Widget-textSmall--upper" title="<%- name %>"><%- name %></p>
      <p class="Widget-textSmaller" title="<%- value %>"><%- value %></p>
    </div>
    <div class="Widget-progressBar">
      <div class="Widget-progressState <%- isAggregated ? 'Widget-progressState--pattern' : '' %>" style="width: <%- percentage %>%"></div>
    </div>
  </div>
</li>

<li class="Widget-listItem">
  <div class="Widget-listItemInner <%- isDisabled ? 'is-disabled' : '' %>">
    <div class="Widget-contentSpaced">
      <p class="Widget-textSmall Widget-textSmall--bold Widget-textSmall--upper" title="<%- name %>"><%- name %></p>
      <p class="Widget-textSmaller" title="<%- value %>"><%- value %></p>
    </div>
    <div class="Widget-progressBar">
      <div class="Widget-progressState Widget-progressState--pattern <%- isAggregated ? 'Widget-progressState--inactive' : '' %>" style="width: <%- percentage %>%"></div>
    </div>
  </div>
</li>

Add pattern class not adding background color
Add pattern class not adding background color