<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
/>
</
head
>
<
body
>
<
div
class
=
"container text-center"
>
<
div
class
=
"my-4"
>
<
h3
class
=
"text-success"
>GeeksforGeeks</
h3
>
<
h4
>Bootstrap 5 Progress Striped</
h4
>
</
div
>
<
div
class
=
"progress mb-4"
>
<
div
class
=
"progress-bar progress-bar-striped"
role
=
"progressbar"
style
=
"width:30%"
aria-valuenow
=
"30"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
<
div
class
=
"progress mb-4"
>
<
div
class="progress-bar
progress-bar-striped bg-secondary"
role
=
"progressbar"
style
=
"width:40%"
aria-valuenow
=
"40"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
<
div
class
=
"progress mb-4"
>
<
div
class="progress-bar
progress-bar-striped bg-success"
role
=
"progressbar"
style
=
"width: 50%"
aria-valuenow
=
"50"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
<
div
class
=
"progress mb-4"
>
<
div
class="progress-bar
progress-bar-striped bg-info"
role
=
"progressbar"
style
=
"width: 65%"
aria-valuenow
=
"65"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
<
div
class
=
"progress"
>
<
div
class="progress-bar
progress-bar-striped bg-danger"
role
=
"progressbar"
style
=
"width: 90%"
aria-valuenow
=
"90"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
</
div
>
<
body
>
<
html
>