linearProgress.md

linear progress designs

There are huge variety of linear progress bars to choose from you can use the design param to choose the design needed or fill with custom colors !

Default color and design

You can also pass custom colors(hex values) using the fill param(&fill=ffc0cd) !

Custom colors

![css progressbar](https://readme-components.vercel.app/api?component=linearprogress&value=40&skill=css&fill=ffc0cd)

for gradient fills use the code below by encoding the gradient css

![css progressbar](https://readme-components.vercel.app/api?component=linearprogress&value=40&skill=css&fill=linear-gradient%2862deg%2C%20%238EC5FC%200%25%2C%20%23E0C3FC%20100%25%29%3B%0A)

Designs available