ProProgress Bars

Progress Bars element displays visualized progression of an text defined operation or task

Progress Bars element displays visualized progression of an text defined operation or task. Element popup contains following options;

Defaults tab

  1. Set title  -  This is progress bars title used in builder only.
  2. Progress bars  -  Click on the button to add/edit progress bars
  3. Container metrics  -  Add custom class or ID to HTML container and adjust visibility on specific devices.

Add/Edit Progress bar popup

  1. Title  -  Set progress title.
  2. Percentage  -  Set progress bar percentage.
  3. Duration  -  Set animation duration in milliseconds. 1000ms = 1s.
  4. Candy bar  -  Adjust progress candy bar.
  5. Progress holder  -  Adjust .thz-progress-bar box style.
  6. Progress  -  Adjust .thz-progress-bar-progress box style.
  7. Title color  -  Set progress title color.
  8. Percent color  -  Set progress percent color.

Style tab

  1. Container box style  -  Adjust .thz-progress-bars-set box style.
  2. Progress bars style  -  Select progress bars style.
  3. Progress shape type  -  Select progress shape type.
  4. Shape padding  -  Set shape padding.
  5. Font settings  -  Adjust title and percent text font size and letter spacing.
  6. Title text  -  Adjust title text weight, style and transform.
  7. Percent text  -  Adjust percent text weight and style.