Progress bar next to text

Topic: Progress bar next to text

jibitesh pro asked 6 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.

Add comment

Marta Wierzbicka staff answered 6 years ago

0 0 Best answer

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

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Answered

Specification of the issue

ForumUser: Pro
Premium support: No
Technology: MDB jQuery
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

jibitesh

Pro User 0Support score
1Questions 0Answers 0Snippets