Explain me how will you create a stacked progress bar using bootstrap?



Explain me how will you create a stacked progress bar using bootstrap?..

Answer / Areena Asraf

To create a stacked progress bar in Bootstrap, you can use the Progress component and specify the `height` option to make it stacked. Here's an example:
```
<div class="progress-stacked">
<div class="progress">
<div id="progressBar1" class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="height: 30px;">
70%
</div>
</div>
<div class="progress">
<div id="progressBar2" class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="30" aria-valuemin="0" aria-valuemax="100" style="height: 30px;">
30%
</div>
</div>
</div>

Is This Answer Correct ?    0 Yes 0 No

Post New Answer

More Bootstrap Interview Questions

What Is Lead Body Copy?

1 Answers  


what is Modal plugin used for in Bootstrap?

1 Answers  


Explain bootstrap 4 progress bars?

1 Answers  


What is navbar in bootstrap? and why it is used?

1 Answers  


Can you put a listgroup within bootstrap panel?

1 Answers  


What are badges in bootstrap?

1 Answers  


What are bootstrap panels? Explain how to create a bootstrap panel with a heading.

1 Answers  


How will you create a alternate progress bar using bootstrap??

1 Answers  


What is bootstrap 4 navs?

1 Answers  


What are the components of bootstrap?

1 Answers  


How will you create a bootstrap alert?

1 Answers  


What is bootstrap carousel?

1 Answers  


Categories