JSFiddle - React, Tailwind, and code Playground

HTML

<div>
  <p style="font-weight: bold;">Скил 1</p>
  
	<p class="gradient" 
  style="position: relative; 
  background: linear-gradient(to right,  #1e5799 75%, #f5f5f5 10%);">
  </p>
	</div>
  
  <div>
  <p style="font-weight: bold;">Скил 2</p>
  
	<p class="gradient" 
  style="position: relative; 
  background: linear-gradient(to right,  #1e5799 90%, #f5f5f5 10%);">
  </p>
	</div>
  
  <div>
  <p style="font-weight: bold;">Скил 3</p>
  
	<p class="gradient" 
  style="position: relative; 
  background: linear-gradient(to right,  #1e5799 65%, #f5f5f5 10%);">
  </p>
	</div>

CSS

.gradient {
	width: 100%;
	height: 5px;
	background: #337AB7; 
	border-radius: 5px;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}