JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&quot; integrity=&quot;sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae est laudantium, dicta maiores, tempore eum ullam aperiam delectus nisi autem vel provident, quisquam mollitia nemo dolorum tenetur, nostrum vitae harum?
  </div>
</div>
<div class="progress">
  <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quae est laudantium, dicta maiores, tempore eum ullam aperiam delectus nisi autem vel provident, quisquam mollitia nemo dolorum tenetur, nostrum vitae harum?
  </div>
</div>

CSS

.progress{
  height:6px;
}