Exercise v3.0

×

×

Correct!

Add the correct classes to make this HTML code behave as a progress bar.

<div class="@(8)"> <div class="@(12)" style="width:70%"> </div> </div>

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

Not Correct

Click here to try again.

Correct!

Go to w3schools.com

Reset Score

Close This Menu

BS4 Containers

Exercise 1 Exercise 2 Go to BS4 Containers Tutorial

BS4 Typography

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Typography Tutorial

BS4 Colors

Exercise 1 Exercise 2 Go to BS4 Colors Tutorial

BS4 Tables

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

BS4 Images

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

BS4 Alerts

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Alerts Tutorial

BS4 Buttons

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

BS4 Badges

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Badges Tutorial

BS4 Progress Bar

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

BS4 Spinners

Exercise 1 Exercise 2 Go to BS4 Spinners Tutorial

BS4 Pagination

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Pagination Tutorial

BS4 List Groups

Exercise 1 Exercise 2 Go to BS4 List Groups Tutorial

BS4 Cards

Exercise 1 Exercise 2 Go to BS4 Cards Tutorial

BS4 Dropdowns

Exercise 1 Go to BS4 Dropdowns Tutorial

BS4 Collapse

Exercise 1 Go to BS4 Collapse Tutorial

BS4 Navs

Exercise 1 Exercise 2 Exercise 3 Go to BS4 Navs Tutorial

BS4 Navbars

Exercise 1 Exercise 2 Exercise 3 Go to BS4 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 BS4 exercises.

Share your score: