[progress-bar] Add separated option + deprecations

[cavasinf]

Progress background

Usage

{{ progress_background({width : 65, text: 'Poland'}) }}
{{ progress_background({width : 35, text: 'Germany'}) }}
{{ progress_background({width : 28, text: 'United Stated'}) }}
{{ progress_background({width : 20, text: 'United Kingdom'}) }}
{{ progress_background({width : 15, text: 'France'}) }}

Progress bar

Deprecated

• Item value current deprecated, replaced by value
• Item value color should not be "bootstrap classes" value, but it's color directly. eg: red, blue, ...
• Removed the options backgroundColor
• Removed the options progressSize

{{ progress_bar() }}

{{ progress_bar({current : 1}) }}

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

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

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

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

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

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

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

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

Expected

{{ progress_bar() }}

{{ progress_bar({current : 10}) }}

{{ progress_bar({current : 66, max : 100}) }}

{{ progress_bar({current : 40, max : 50, min : -50}) }}

{{ progress_bar({current : 66, max : 100, color : 'success'}, {extraClass : 'bg-danger'}) }}

{{ progress_bar({current : 66, max : 100, color : 'orange'}, {height: '4px'}) }}

{{ progress_bar({current : 66, max : 100, autoLabel : true}) }}

{{ progress_bar({current : 66, max : 100, label : 'Partially done'}, {height: '20px'}) }}

{{ progress_bar({current : 66, max : 100, label : 'Error while processing', color : 'danger'}, {height: '20px'}) }}

{{ progress_bar({color : 'green'}, {extraClass : 'bg-green-lt'}) }}

{{ progress_bar({current :2, max: 5, color : 'red', striped : true}) }}

{{ progress_bar({current :4, max: 5, striped : true, animated: true}) }}

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 you please check my comments