explain me how will you create a alternate progress bar using bootstrap?
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 |
Can we customize columns default settings to create complete custom layout from scratch in bootstrap?
Would you differentiate between fluid layout & responsive layout?
Explain The Use Of Icons In Bootstrap Framework?
What is img responsive? Explain
Is bootstrap easy to use?
What are the default sizes given to <body> tag in the bootstrap framework?
Tell me what does bootstrap package includes?
What are glyphicons in bootstrap?
What are offsetting columns in bootstrap 3 grid system?
Explain what is Modal plugin used for in Bootstrap?
What do you mean by modal plugin that is used for in bootstrap?
Explain in brief about bootstrap 3 tables?