Skill Bars - React Component

Set the Hue and Saturation on the instance and let the component deal with the shades

It takes in an array of skill objects and maps the level value to the percentage width of the skill bar.

The Component has two properties - hue and saturation - which are used to generate the different shades on the bars.

Live demo

See the Pen Skill Bars - React Component by Ajay Karwal (@ajaykarwal) on CodePen.