Day 9

Holiday Progress Bar


With festive input fields in place, the elves are adding names rapidly, and Santa needs a way to track progress for the Nice and Naughty lists. A Holiday Progress Bar styled like a string of Christmas lights will do the trick!

Challenge:

Create a progress bar that:

  • Lights up bulbs as progress increases.
  • Includes percentage labels with smooth animations.
  • Can track multiple lists (Nice, Naughty, and Reviewed).

Example Output:

Nice List: 🎄 [🟡🟡🟡⚫⚫⚫⚫⚫⚫⚫] 30% Complete
Naughty List: 🎄 [🟡🟡⚫⚫⚫⚫⚫⚫⚫⚫] 20% Complete

Submit your Design


Submissions

No submissions yet!
Made by @alfonsusac | Repository