0.9.0 Release

CHANGELOG.md

@@ -1,5 +1,12 @@
 # CHANGELOG
 
+## 0.9.0
+
+- Added Progress Bar
+- Bumped dependencies
+- Fixed undefined className
+- Exposed time taken in result object
+
 ## 0.8.2
 
 - Bumped dependencies
@@ -63,81 +70,100 @@
 - Option to disable synopsis
 
 ## 0.3.9
+
 - Added support for choosing number of questions to be used
 - Added eslint
 
 ## 0.3.8
+
 - Fixed wrong npm version in 0.3.7
 
 ## 0.3.7
-- Fixed issue #54 - Custom result page is not displayed  
+
+- Fixed issue #54 - Custom result page is not displayed
 
 ## 0.3.6
-- Added Segment to quiz config 
+
+- Added Segment to quiz config
 
 ## 0.3.5
+
 - Fixed issue #48 - Maximum update depth exceeded with onComplete props
 - Upgraded react version
 
 ## 0.3.4
+
 - Fixed issue #35
 - Upgraded several dependencies
 
 ## 0.3.3
+
 - Added Picture in Question
 
-## 0.3.2 
+## 0.3.2
+
 - Fixed incorrect type and button issues (Ref to #32)
 
 ## 0.3.1
+
 - Fixed Button issue introduced by v0.3.0 (Ref to #30)
 
 ## 0.3.0
+
 - Added Feature: Multiple answers with multiple correct answers (Refer to #26)
-- Added Feature: Quiz Input Validator 
+- Added Feature: Quiz Input Validator
 - Added Selection Tags
-- Introduced fields ``answerSelectionType``
-- Updated ``correctAnswer`` to either ``String``(Single Selection) or ``Array`` (Multiple Selection)
+- Introduced fields `answerSelectionType`
+- Updated `correctAnswer` to either `String`(Single Selection) or `Array` (Multiple Selection)
 
 ## 0.2.8
+
 - Renamed Question.jsx to Core.jsx
 - Added Scoring System (Ref to #25)
 - Revised Question tag to allow markdown (Ref to #24)
 
 ## 0.2.7
+
 - Added Locale for customimzation (Refer to #21)
 - Added logic to show incorrect answer users chose in result page (Refer to #22)
 
 ## 0.2.6
+
 - Added showInstantFeedback & continueTillCorrect
 - Revised font color to the incorrect answer container
 - Fixed the incorrect index in the result page
 
 ## 0.2.5
+
 - Added showDefaultResult, customResultPage, onComplete
 
 ## 0.2.4
+
 - Added CHANGELOG.md
 - Added Features to README.md
 - Fixed potential security vulnerabilities
 
 ## 0.2.3
+
 - Added filter question select tag
 - Revised result page
 - Revised styles
 - Updated README.md for shuffling questions set in v0.2.2
 
 ## 0.2.2
+
 - Added messageForCorrectAnswer
 - Added messageForIncorrectAnswer
 - Added explanation
 - Added quizSynopsis
 - Revised result page style
 
 ## 0.2.1
+
 - Minor Fix
 
 ## 0.2.0
+
 - Removed Paper CSS
 - Added total number of questions & current question being answered (Refer to issue #3)
 - Removed Answer.jsx and Result.jsx
@@ -146,10 +172,13 @@
 - Allowed to review questions at the end
 
 ## 0.1.2
+
 - Minor Fix
 
 ## 0.1.1
+
 - Minor Fix
 
 ## 0.1.0
-- Initial version, created by wingkwong
+
+- Initial version, created by wingkwong

README.md

@@ -47,6 +47,7 @@ The quiz source is a JSON object. You can use [react-quiz-form](https://github.c
 export const quiz =  {
   "quizTitle": "React Quiz Component Demo",
   "quizSynopsis": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim",
+  "progressBarColor": "#9de1f6", 
   "nrOfQuestions": "4",
   "questions": [
     {
@@ -279,6 +280,15 @@ import { quiz } from './quiz';
 <Quiz quiz={quiz} timer={60} allowPauseTimer={true}/>
 ```
 
+
+## Enable / Disable Progress Bar 
+
+```js
+import { quiz } from './quiz';
+...
+<Quiz quiz={quiz} enableProgressBar={true} />
+```
+
 ## Props
 
 |Name|Type|Default|Required|Description|
@@ -295,6 +305,7 @@ import { quiz } from './quiz';
 |disableSynopsis|`boolean`|`false`|N|Disable synopsis before quiz|
 |timer|`number`|`false`|N|Sets timer in seconds|
 |allowPauseTimer|`boolean`|`false`|N|Pause / Resume timer|
+|enableProgressBar|`boolean`|`false`|N|Enable a progress bar|
 
 ## Contribution