JSFiddle - React, Tailwind, and code Playground

by Gereltod Gotsbayar

HTML

<div id="textblock">
    <p>2014 оны арваннэгдүгээр сарын 20-ноос өмнө 70-80 мянган төгрөг төлөн, ачуулсан машинаа авсан иргэд гомдол гарган, мөнгөө буцаан авах боломжтойг Шударга өрсөлдөөн хэрэглэгчийн төлөө газрын дарга Т.Аюурсайхан мэдээллээ.</p>
<p>Ачих үйлчилгээний төлбөрийг хууль бусаар тогтоосон тул гомдол гаргахдаа зөрүүг бус бүтнээр нь нэхэмжлэх юм байна. Гомдлыг харьяа дүүргийнхээ шүүхэд гаргах юм байна.</p>
<p>Учир нь 2014 оны арваннэгдүгээр сарын 20-ноос өмнө машин ачих үйлчилгээний хөлсийг хууль бусаар тогтоосон байжээ.</p>
<p>ШӨХТГ-аас автомашин зөөж тээвэрлэх ажиллагаа хууль тогтоомжид нийцэж байгааг шалган, энэ зөрчлийг илрүүлсэн байна.
    Нийслэлийн төв замын нэгдүгээр эгнээнд байрлуулсан автомашиныг торгуулийн хашаанд хүргэх үйлчилгээний төлбөрийг Цагдаагийн ерөнхий газрын даргын тушаалын дагуу тогтоох ёстой. Гэвч Нийслэлийн Засаг дарга Э.Бат-Үүл хууль бус захирамж гаргаж, Замын хөдөлгөөний удирдлагын төвийн даргад дээрх эрхийг шилжүүлсэн байжээ.</p>
    <a href="http://news.gogo.mn/r/158511" target="_blank">source</a>
</div>

CSS

.bground {
    display: inline-block;
    z-index: -1;
    background-color: #ddd;
    height: 18px;
    width: 0px;
}

JavaScript

$(function(){
    
    var data = [[30, 40, '150px'], [60, 120, '190px'], [180, 50, '70px']];
    var counter = 1;
    
    data.forEach(function(a) {
        
        var topOffSet = a[0]; 
        var leftOffSet = a[1];
        var length = a[2];
    
        $("#textblock").append("<span class='bground' id='bground-" + counter +"'></span");
        $("#bground-" + counter).offset({ top: topOffSet, left: leftOffSet });
        $("#bground-" + counter).animate({
            width: length
        });
        counter ++;
    });
})