0
try below code.
Do customize according to your requirement like you can use into asp.net or asp.net mvc or into plane html as well
Note: you can use if condition to show a % of bars, you need to implement this.
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>Bootstrap Example</title>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
- </head>
- <body>
-
- <div class="container">
- <div class="progress">
- <div class="progress-bar progress-bar-success" role="progressbar" style="width:40%">
- 40% completed
- </div>
- <div class="progress-bar progress-bar-warning" role="progressbar" style="width:60%">
- 60% completed
- </div>
- </div>
- </div>
-
- </body>
- </html>