JSFiddle - React, Tailwind, and code Playground

HTML

<span class="table">
    <div></div>
    <span class="cell"></span>
</span>

CSS

div {
    height: 500px;
    width: 75%;
    background-color: red;
    display: table-cell;
}

.cell {
    width: 100%;
    display: table-cell;
}

.table {
    display: table;
    width: 500px;
}

JavaScript

$(document).ready(function() {
    $('div').delay(1000)
    .animate({
        width: '50%'
    },{
        duration: 10000,
        step: function(now) {
            $('div').text($('div').text() + ' ' + Math.round(now));
        }
    });
});