Golgappa.net | Golgappa.org | BagIndia.net | BodyIndia.Com | CabIndia.net | CarsBikes.net | CarsBikes.org | CashIndia.net | ConsumerIndia.net | CookingIndia.net | DataIndia.net | DealIndia.net | EmailIndia.net | FirstTablet.com | FirstTourist.com | ForsaleIndia.net | IndiaBody.Com | IndiaCab.net | IndiaCash.net | IndiaModel.net | KidForum.net | OfficeIndia.net | PaysIndia.com | RestaurantIndia.net | RestaurantsIndia.net | SaleForum.net | SellForum.net | SoldIndia.com | StarIndia.net | TomatoCab.com | TomatoCabs.com | TownIndia.com
Interested to Buy Any Domain ? << Click Here >> for more details...

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


Please Help Members By Posting Answers For Below Questions

What is the latest version of bootstrap?

1