explain me how will you create a alternate progress bar using bootstrap?
Answer Posted / 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 |
Post New Answer View All Answers