Interested to Buy Any Domain ? << Click Here >> for more details...
explain me how will you create a alternate progress bar using bootstrap?
- 1 Answers
- 13 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 |
Explain what is column offset in bootstrap?
How to classified pagination in bootstrap?
Tell me which class make a set of buttons appear vertically stacked rather than horizontally?
What are glyphicons? How to use them?
Can you put a listgroup within bootstrap panel?
How do you use glyphicons in bootstrap?
What are offset columns?
Tell us what contextual classes are available to style the panels?
Which class is used for basic button group?
How would you define bootstrap pagination?
What is the underlying grid structure used in bootstrap?
How we can create a navbar in bootstrap?
HTML DHTML 
