Simple Skills Bar is a simple progress bar that showcases your skills. This is entirely made in CSS.
Here is a sample use for the Bar https://plnkr.co/wxVfoJnr5wsJHfD43YOp
- Brown
- Blue
- Violet
- Grey
- Green
- DarkBlue
- Red
- Pink
- Orange
<div class="skillBar">
<div class="skillBar_{50 to 100} bar{Color Theme Name}">
<span class="skillArea">{Any Text}</span>
<span class="percentText">{Percentage Text}</span>
</div>
</div>
<div class="skillBar">
<div class="skillBar_100 barBrown">
<span class="skillArea">Java</span>
<span class="percentText">100%</span>
</div>
</div>