scrimba
CSS Challenges
Solution: Adjustable Progress Bar
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Solution: Adjustable Progress Bar
AboutCommentsNotes
Solution: Adjustable Progress Bar
Expand for more info
index.css
run
preview
console
html, body { 
margin: 0;
padding: 0;
}

:root {
--stage-1: 25%;
--stage-2: 50%;
--stage-3: 75%;
--stage-4: 100%;
--progbar-bg: lightgray;
--stage-1-bg: red;
--stage-2-bg: orangered;
--stage-3-bg: greenyellow;
--stage-4-bg: green;
}
Console
/index.html
-3:18