JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div id="layers-widget-column-10" class="widget layers-content-widget content-vertical-massive " >
<div class="container list-grid">
<div class="grid">
<div id="layers-widget-column-10-575" class="layers-masonry-column layers-widget- column-575 span-2 first column ">
<div class="media image-top medium"><div class="media-body text-left">
<h5 class="heading">
100%
</h5>
<div class="excerpt">
<p>Talented professionals who get the job done</p>
</div>
</div>
</div>
</div>
JavaScript
$("#layers-widget-column-10 h5").each( function() {
var counter = $.trim($(this).text());
var percentage = counter.substring(counter.length-1) == '%'; //Последний символ %?
console.log(percentage,counter.substring(counter.length-1));
$(this).prop('Counter', 0).animate({
Counter: (percentage?counter.substring(0, counter.length-1):counter) //Если проценты, возращаем строку без последнего символа
}, {
duration: 1500,
easing: 'swing',
step: function(now) {
$(this).text(Math.ceil(now)+(percentage?'%':'')); //Если процент, добавляем знак процента
}
}
);
});