First_Time_coding/bootStrap Examples.html at main · emmy4lov/First_Time_coding · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="stylesheet" href="/bootstrap-4.3.1-dist/css/bootstrap.min.css">
   <script type="text/javascript" src="/bootstrap-4.3.1-dist/js/bootstrap.min.js">
     document.getElementById("barP").classlist.add("progress-bar-striped");

   </script>

   <title>Document</title>
</head>
<body>

    <div class="progress">
        <div id="barP" class="progress-bar " style= "width: 90%"
             role="progresbar"
             >

     70%   </div>
    </div>

    <div class="progress">
        <div class="progress-bar progress-bar-dark" style="width: 50%;></div>
    </div>

    <button type="button" class="btn btn-success">hello</button>
</body>
</html>