Exercise v3.0

×

×

Correct!

Use the correct class name to add stripes to the progress bar.

<div class="progress"> <div class="progress-bar @(20)" style="width:70%"> </div> </div>

<div class="progress"> <div class="progress-bar progress-bar-striped" style="width:70%"> </div> </div>

Not Correct

Click here to try again.

Correct!

Go to w3schools.com

Reset Score

Close This Menu

BS5 Containers

Exercise 1 Exercise 2 Go to BS5 Containers Tutorial

BS5 Typography

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Typography Tutorial

BS5 Colors

Exercise 1 Exercise 2 Go to BS5 Colors Tutorial

BS5 Images

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to BS5 Images Tutorial

BS5 Tables

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Go to BS5 Tables Tutorial

BS5 Alerts

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Alerts Tutorial

BS5 Buttons

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Exercise 5 Exercise 6 Exercise 7 Go to BS5 Buttons Tutorial

BS5 Badges

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Badges Tutorial

BS5 Progress Bar

Exercise 1 Exercise 2 Exercise 3 Exercise 4 Go to BS5 Progress Bar Tutorial

BS5 Spinners

Exercise 1 Exercise 2 Go to BS5 Spinners Tutorial

BS5 Pagination

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Pagination Tutorial

BS5 List Groups

Exercise 1 Exercise 2 Go to BS5 List Groups Tutorial

BS5 Cards

Exercise 1 Exercise 2 Go to BS5 Cards Tutorial

BS5 Dropdowns

Exercise 1 Go to BS5 Dropdowns Tutorial

BS5 Collapse

Exercise 1 Go to BS5 Collapse Tutorial

BS5 Navs

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Navs Tutorial

BS5 Navbars

Exercise 1 Exercise 2 Exercise 3 Go to BS5 Navbars Tutorial

×

Reset the Score?

This will reset the score of ALL 50 exercises.

Are you sure you want to continue?

×

Congratulations!

You have finished all 50 BS5 exercises.

Share your score: