Progress bar next to text


Topic: Progress bar next to text

jibitesh pro asked 7 years ago

How do I have a progress bar to the right of certain text. Something like this C#: |xxxxx======| Java: |xxxxxxxxx===| I am able to get the progressbar, but I am not able to align with the text. I tried with inline tag, but the alignment was not correct.

Marta Szymanska staff pro premium answered 7 years ago

Hi,

do you mean something like this?

<div class="d-flex justify-content-between">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
<div class="progress align-self-center">
<div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div>

Best,

Marta


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No