<div class="grid">
  <div>
    <h3>UI/UX DESIGN 75%</h3>
    <div class="progress">
      <span></span>
    </div>
    <h3>WEB DEVELOPMENT 90%</h3>
    <div class="progress">
      <span></span>
    </div>
    <h3>MARKETING 65%</h3>
    <div class="progress">
      <span></span>
    </div>
  </div>
  <div></div>
</div>

.grid {
  font-family: 'Open Sans', sans-serif;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.grid div {  
  align-items: center;
  display: grid;  
  background: #e9e9e9;
  color:black;
}
.grid div:nth-child(1){
  padding: 140px 40px;
    background: #f9f9f9;
}
.progress {
  margin-bottom: 29px;
  border-radius: 3px;
  width: 100%;
  height: 3px;
}
.progress span {
  border-radius: 3px;
  background: aquamarine;
  width: 75%;
  height: 3px;
}
.grid div:nth-child(4) span{
  width: 90%;
}
.grid div:nth-child(6) span{
  width: 65%;
}
h3 {
  font-weight: normal;
}