JSFiddle - React, Tailwind, and code Playground

HTML

<div class="attackerSlot">
                <div id="atProgressbar"></div>
        </div>

JavaScript

var object = {
    "nummer1": {
        "nummer": "0",
        "name": "Name",
        "moves": nameMoves,
        "health": 100,
        "thumbnailVorn": nameThumbnailVorn,
        "thumbnailBack": nameThumbnailBack,
    }}
    
    $(document).ready(function () {
            page.init();
        });

        var attacker;

        const page = {
            init: function () {
                page.styling();
                //page.events();
            },
            styling: function () {
            
            attacker = "Name";
            
            var atHealth = object[attacker].health;
                
                function displayatProgressbar() {
                    $('#atProgressbar').progressbar({
                        value: atHealth
                    });
                }
                
            }}