Add progress bar component

[cavasinf]

Description

Add progress bar component

{{ progressBar() }}

{{ progressBar({current : 1}) }}

{{ progressBar({current : 2, max : 3, min : -1}) }}

{{ progressBar({current : 2, max : 3}) }}

{{ progressBar({current : 2, max : 3, color : 'bg-red'}, {backgroundColor : 'bg-grey'}) }}

{{ progressBar({current : 2, max : 3, color : 'bg-green'}, {progressSize : 'progress-sm'}) }}

{{ progressBar({current : 2, max : 3, color : 'bg-orange'}, {style : 'height: 20px;'}) }}

{{ progressBar({color : 'bg-red'}, {backgroundColor : 'bg-grey'}) }}

{{ progressBar({current :2, max: 5, color : 'bg-red', striped : true}) }}

{{ progressBar({current :2, max: 5, striped : true, animated: true}) }}

{{ progressBars([
    {current :15, max: 100},
    {current :30, max: 100, color: 'bg-success'},
    {current :20, max: 100, color: 'bg-danger'},
]) }}

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to change)

Checklist

• I updated the documentation (see here)
• I agree that this code will be published under the MIT license

[kevinpapst]

Can we use progress_bar and progress_bars please.

We already have status_dot and status_indicator.

[cavasinf]

Sure 👍

[kevinpapst]

Looks good! 👍
Just waiting with the merge, until I find time to create a demo page.

[kevinpapst]

I can't push changes 😢 time wasted...

[kevinpapst]

Can you please rename the file and use underscore

[cavasinf]

It's not common for me to have underscores inside filename.
Looking at doc and layer files, they have hyphens, but components no.. bit disturbing.

[kevinpapst]

Yeah, true. Looks kind of consequent inconsequent 😁
But at least all components and includes use hyphens, so filename matches the macro name.
Thanks for the change!