JSFiddle - React, Tailwind, and code Playground

HTML

<div id="mctd"></div>

CSS

.centerSplash {
       position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
}
#mctd {
    width:100%;
    height:100%;
    min-height:100%;
    border: 1px solid red;
}

JavaScript

$("#mctd").append('<div id="mainSplash" style="background:rgba(0, 0, 0, 0.3);position:absolute;top:0px;left:0px;' +
						            		'width:100%;height:100%;"><div id="azbar" class="centerSplash"></div></div>');


(function ($) {
	    $.fn.progressbar = function (options)
	    {
	        var settings = $.extend({
	        width:'300px',
	        height:'57px',
	        color:'#90909A',
	        padding:'35px',
	        border:'10px solid rgba(255,255,255, 0.4)',
	        bgcolor:'rgba(255,255,255, 0.7)'},options);
	 
	        //Set css to container
	        $(this).css({
	            'width':settings.width,
	            'border':settings.border,
	            'border-radius':'5px',
	            'overflow':'hidden',
	            'display':'inline-block',
	            'padding': settings.padding,
	            'margin':'0px auto',
	            'box-shadow': '0 0 47px rgba(0, 0, 0, 0.6)',
	            'background-color': settings.bgcolor
	        });

			// add progress bar surroundings to container
	        var pbBox = $("<div></div>");
	        pbBox.css({
		        'text-align': 'left',
		        'vertical-align':'middle',
		        'line-height':'18px',
		        'height':'20px',
		        'color': '#fff',
		        'width': '302px',
		        'border-radius': '3px',
		        'background-color': 'white',
		        'border':'1px solid #a0a0a0',
		        'padding': '1px'
	        });

	        // add progress bar to container
	        var progressbar = $("<div></div>");
	        progressbar.css({
		        'text-align': 'right',
		        'vertical-align':'middle',
		        'line-height':'18px',
		        'height':'20px',
		        'color': '#fff',
		        'width': '0px',
		        'border-radius': '3px',
		        'background-color': settings.color,
		        'padding-right': '3px'
	        });
			$(this).append(pbBox);
	        $(pbBox).append(progressbar);
	 
	        this.progress = function(value)
	        {
	            var width = $(this).width() *...