How will you create a stacked progress bar using bootstrap?



How will you create a stacked progress bar using bootstrap?..

Answer / Pravin Kumar Pandey

To create a stacked progress bar in Bootstrap, you can use multiple `<div>` elements with the `progress-bar` class and set their respective heights. Here's an example:nn```htmln<div class="progress">n <div style="height: 50%" class="progress-bar progress-bar-striped progress-bar-animated bg-danger" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">50%</div>n <div style="height: 25%" class="progress-bar progress-bar-striped progress-bar-animated bg-warning" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">25%</div>n</div>

Is This Answer Correct ?    0 Yes 0 No

Post New Answer

More Bootstrap Interview Questions

Why do we need to use bootstrap?

1 Answers  


Which class is used for pagination in bootstrap?

1 Answers  


What are glyphicons?

1 Answers  


Can we use bootstrap without jquery?

1 Answers  


What are bootstrap grids?

1 Answers  


What is pagination in bootstrap and how are they classified?

1 Answers  


How to create a navbar in bootstrap?a

1 Answers  


What is bootstrap framework and why it is used?

1 Answers  


Explain what media object in Bootstrap is and what are their types?

1 Answers  


How we can create a navbar in bootstrap?

1 Answers  


What is button group?

1 Answers  


Explain bootstrap 4 tables?

1 Answers  


Categories