in Bootstrap by
Q:
What will be the output of the below code and why?

<div class="progress">

<div class="progress-bar progress-bar-success" style="width: 65%">

<span class="sr-only">75% successfully completed</span>

</div>

<div class="progress-bar progress-bar-warning" style="width: 20%">

<span class="sr-only">30% completed with warnings</span>

</div>

<div class="progress-bar progress-bar-danger" style="width: 15%">

<span class="sr-only">15% did not complete</span>

</div>

</div>

1 Answer

0 votes
by

If we place multiple bars with the same .progress parent element, Bootstrap will pile them into one single progress bar. As we know, in bootstrap the sum of the progress bar is 100 %. So, the progress bar will give the result as full width and fully populated.

Click here to read more about Bootstrap
Click here to read more about Insurance

Related questions

+2 votes
asked Jul 28, 2019 in R Language by Aarav2017
0 votes
asked Jan 21, 2020 in ECMAScript by GeorgeBell
+1 vote
asked Feb 8, 2020 in JAVA by rahuljain1
0 votes
asked Oct 7, 2019 in Bootstrap by Tracy Williams
+1 vote
asked Jun 13, 2019 in C Plus Plus by Derya
...