Are you ready?

1 questions to solve.

  1. This quiz goes to full-screen once you press the Start button, or any Next button after exiting the quiz window.
  2. At the end of the quiz, you are able to review all the questions that you answered wrong and see their explanations.
Compared to 0.5, what does the value 3 do when assigned to the widthIncrement property, of the ProgressBar object?
widthIncrement holds the value by which the width of .slider_progress-bar_bar is incremented each time ProgressBar.move() is invoked. Thus, a large value will get the width to increment by large amounts and consequently move the bar quicker. Read more at Sliders Progress Bar.
Programming the logic for our slider's progress bar is easier using CSS-based animations than using JavaScript-based animations.
True or false?
The previous Sliders Progress Bar chapter emphasized again and again on the fact that JavaScript-based animations are easier and more maintainable in powering up the progress bar as compared to CSS transitions/animations. Hence the correct choice is B).
What is the purpose of the property target on the ProgressBar object?
target holds a reference to the .slider_progress-bar_bar element. Hence, the correct choice is A). Read more details at Sliders Progress Bar.
What's the problem in the following definition for the method move?
ProgressBar.move = function() {
    if (this.width >= 100) {
    this.width += this.widthIncrement; = this.width + "%"; = requestAnimationFrame(this.move);
Since move() is called by requestAnimationFrame(), the value of this passed to it will resolve to the window object, and NOT to the ProgressBar object. Check out the previous Sliders Progress Bar chapter to see how to mitigate this.