Welcome to collectivesolver - Programming & Software Q&A. A website you can trust. I check, compile and run every program. Contact me at: aviboots(AT)netvision.net.il

Hostgator - Save 50% Off Your New Optimized WordPress Hosting With Coupon: WDA50

BlueHost Web Hosting

Top Destination Deals !

Dedicated Hosting Superb Internet

simplilearn big data and analytics

Second Opinion Radiology

Buy Cool Shirts

getflywheel wordpress hosting

Distribute your Resume to 500+ Job Boards & Recruiters

6,118 questions

8,646 answers

573 users

How to create striped progress bar with Bootstrap

Blue Host Web Hosting

asked Jul 15 by avibootz (468,280 points)
edited Jul 15 by avibootz

1 Answer

0 votes
<!DOCTYPE html>
<html lang="en">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet"
<div class="container">
  <h2>Bootstrap Striped Progress Bars</h2>
  <div class="progress">
    <div class="progress-bar progress-bar-success progress-bar-striped" 
         role="progressbar" aria-valuenow="30" 
         aria-valuemin="0" aria-valuemax="100" 
      30% Complete (success)
  <div class="progress">
    <div class="progress-bar progress-bar-info progress-bar-striped" 
         aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" 
      40% Complete (info)
  <div class="progress">
    <div class="progress-bar progress-bar-warning progress-bar-striped" 
         role="progressbar" aria-valuenow="60" 
         aria-valuemin="0" aria-valuemax="100" 
      60% Complete (warning)
  <div class="progress">
    <div class="progress-bar progress-bar-danger progress-bar-striped" 
         role="progressbar" aria-valuenow="80" 
         aria-valuemin="0" aria-valuemax="100" 
      80% Complete (danger)


answered Jul 15 by avibootz (468,280 points)