<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
link
href
=
rel
=
"stylesheet"
>
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
div
class
=
"text-center"
>
<
h1
class
=
"text-success"
>GeeksforGeeks</
h1
>
<
h3
> Bootstrap 5 progress background</
h3
>
</
div
>
<
div
>
<
div
class
=
"progress mb-3 mt-4"
>
<
div
class
=
"progress-bar bg-primary"
role
=
"progressbar"
style
=
"width:25%"
aria-valuenow
=
"30"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
<
div
class
=
"progress mb-3 mt-4"
>
<
div
class
=
"progress-bar bg-secondary"
role
=
"progressbar"
style
=
"width: 35%"
aria-valuenow
=
"30"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
<
div
class
=
"progress mb-3"
>
<
div
class
=
"progress-bar bg-success"
role
=
"progressbar"
style
=
"width: 45%"
aria-valuenow
=
"45"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
<
div
class
=
"progress mb-3 mt-4"
>
<
div
class
=
"progress-bar bg-warning"
role
=
"progressbar"
style
=
"width:55%"
aria-valuenow
=
"30"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
<
div
class
=
"progress mb-3"
>
<
div
class
=
"progress-bar bg-info"
role
=
"progressbar"
style
=
"width: 65%"
aria-valuenow
=
"60"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
<
div
class
=
"progress mb-3"
>
<
div
class
=
"progress-bar bg-danger"
role
=
"progressbar"
style
=
"width: 90%"
aria-valuenow
=
"90"
aria-valuemin
=
"0"
aria-valuemax
=
"100"
>
</
div
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>