Added progress bar for the quiz

[Jaykovsky]

Hi,

I made some some changes and i fixed the ProgressBar component.
Now it displays the progress correctly.

The new component is called ProgressBar.jsx, it received two opcional props: progressBarColor and height.
You can enable or disable with the prop: enableProgressBar (Its receive a boolean value) at the Quiz component; and you can change the color of the progress bar with the prop: progressBarColor (It receive a string value).

First question:

Second question:

Third question:

Four question:

End quiz:

[wingkwong]

please also include your new changes in props in README.md

https://github.com/wingkwong/react-quiz-component?tab=readme-ov-file#props

[Jaykovsky]

please also include your new changes in props in README.md

https://github.com/wingkwong/react-quiz-component?tab=readme-ov-file#props

It's done.

[wingkwong]

Somehow I think it's a bit redundant to have two props in order to show the progress bar. We can do something as follows:

• enable the progress bar only enableProgressBar is true (which you've already done that)
• set a default progressBarColor. However, users can override the color by specifying in quiz object. e.g.

const quiz = {
  quizTitle: 'React Quiz Component Demo',
  quizSynopsis: 'Lorem ipsum dolor',
  nrOfQuestions: '6',
  questions: [{...}],
  progressBarColor: '#FF0000'
};

<Quiz
  quiz={quiz}
  enableProgressBar
/>

[Jaykovsky]

I got you bro.

The changes are already made. U can check and review.

[wingkwong]

should be final round of changes

[wingkwong]

if ('progressBarColor' in quiz) {
  if (typeof quiz.progressBarColor !== 'string') {
      console.error('progressBarColor must be a String');
      return false;
  }
  if (!validateProgressBarColor(quiz.progressBarColor)) {
      console.error('progressBarColor must be a valid hex colour');
      return false;
  }
}

[Jaykovsky]

@wingkwong All requested changes have been applied.

[wingkwong]

please test it once before requesting review.

[Jaykovsky]

@wingkwong Sorry, i forget to test before push.

Now the error is gone, i tested. U can check.