JSFiddle - React, Tailwind, and code Playground

HTML

<div class="progress-wrapper"></div>

JavaScript

var Skills = [
{
    "title": "Skill 1",
    "description": "Skill 1 description",
    "value": 100
},
{
    "title": "Skill 2",
    "description": "Skill 2 description",
    "value": 100
}];

$.each(Skills, function (title, val) {
    $('.progress-wrapper').append("<div class='progress-item'" + "</div>");
    $('.progress-item').append("<span class='progress-title'>" + val.title + "</span>");
    });