explain me how will you create a alternate progress bar using bootstrap?
- 1 Answers
- 104 Views
- I also Faced
- E-Mail Answers
Answer / Sunil Kumar Rana
To create an alternate progress bar using Bootstrap, you can use the default Bootstrap progress bar with some custom CSS. Here's an example:
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 75%" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" class="alternate">
<span class="sr-only">75% Complete</span>
</div>
</div>
In the example above, I added a custom class "alternate" to the progress bar. You can then define this class in your CSS to change its appearance:
.alternate {
background-color: rgba(0, 123, 255, 0.5);
border-color: rgba(0, 123, 255, 0.5);
}
| Is This Answer Correct ? | 0 Yes | 0 No |
What is glyphicons used in bootstrap?
How navbar works in bootstrap?
Differentiate Between Fluid Layout & Responsive Layout?
Explain the concept of creating a vertical or basic form in bootstrap.
What is the bootstrap panel?
What is the role of pagination in bootstrap?
Tell me what function you can use to wrap a page content?
What is a modal plugin? Explain
How many bootstrap 4 media objects?
How can you display a code in bootstrap?
Explain why bootstrap is preferred for website development.
Tell us what contextual classes are available to style the panels?
HTML DHTML 
