JSFiddle - React, Tailwind, and code Playground

HTML

<div id="col3wrap">
    <div class="profilepic">box</div>
    <div id="progressbarr">
        <div></div>
    </div>
</div>

CSS

#col3wrap{
	height: 50px;
	background: #DDD;
}

.profilepic {
	width: 50px;
	height: 50px;
	background: red;
	float: left;
	margin: 0 10px 0 0;
}

#progressbarr {
	float: left;
	width: 300px;
	height: 20px;
	background: #eee;
	margin: 50% 0 0 0;
}
    
#progressbarr > div {
	background-color: green;
	width: 40%;
	height: 20px;
}