Search Header Logo

Program C: Card + Progress Bar

Authored by Academy Telebort

Computers

12th Grade - Professional Development

Used 31+ times

Program C: Card + Progress Bar
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

10 questions

Show all answers

1.

FILL IN THE BLANK QUESTION

2 mins • 1 pt

What is the missing class to make this HTML code to show a bar?


<div class="____________________" role="progressbar" style="width:70%">

</div>

2.

FILL IN THE BLANK QUESTION

2 mins • 1 pt

What is the "contextual class" to make the progress bar green in the code below?


<div class="progress-bar ________________" role="progressbar" style="width:70%">

</div>

3.

FILL IN THE BLANK QUESTION

2 mins • 1 pt

What is the class needed to make the progress bar to be striped?


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

70%

</div>

4.

FILL IN THE BLANK QUESTION

2 mins • 1 pt

___________________________ class is used to create an animated progress bar.

5.

FILL IN THE BLANK QUESTION

2 mins • 1 pt

To make a progress bar to be having the width 25, what is the Boostrap utility sizing class that you need to use?

6.

FILL IN THE BLANK QUESTION

2 mins • 1 pt

What is the missing class for this code in order to create a basic Bootstrap card?


<div class="_______">

<div class="card-body">Basic card</div>

</div>

7.

FILL IN THE BLANK QUESTION

2 mins • 1 pt

The ________________ class adds a heading to the card

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?