Progress bars #

General info #

An animated progress bar element provides visual feedback to indicate the progress of a task or process.

General options #

1. Bars - Using this option you can add/delete/edit your progress bars
   1. Title - Set the desired title for the progress bar
   2. Fill percentage - Set the desired progress in percentage for the bar
   3. Bar progress color - Set the desired progress color for the current edited progress bar
   4. Select the desired bar style - Choose from a list of predefined styles that will be applied to the edited progress bar.
2. Bar progress color - Select the desired bar progress color. This is the color that shows the progress.
3. Bar background color - Set the desired bar background color.
4. Bar height - Set the desired bars height.
5. Items distance - Set the desired distance between progress bar items

Style options #

1. Wrapper - Will style the wrapper of the element.
2. Title styles - Will apply styles to single bar title

Advanced options #