6. Colossal Progress

SCREENSHOTS:

  • Type Circle:
  • Type Bar:

THE CODE:

[bmag_progress type=""] 

[bmag_progress_item value="" value_text="" title="" text_color="" bg_color="" stroke_width="" trail_width="" font_family="" font_size="" duration=""]

[/bmag_progress]

PARAMETERS:

  • [bmag_progress] DESIGN OPTIONS
  • [bmag_progress] type -select: Type of progress bar.
    • circle – Circle.
    • bar – Bar.
  • [bmag_progress_item] value – number: Float number of percentage, for example 0.9
  • [bmag_progress_item] value_text – string: Text to represent value.
  • [bmag_progress_item] title – string: Title of item.
  • [bmag_progress_item] text_color – hexa color: Color of text. Default is #FFF
  • [bmag_progress_item] bg_color – hexa color: Color of the bar. Default is #ffd417
  • [bmag_progress_item] stroke_width – int: Number of Stroke Width. Default of Circle type is 8. Default of Bar type is 2
  • [bmag_progress_item] trail_width – number: Number of Trial Width. Default of Circle type is 8. Default of Bar type is 0.1
  • [bmag_progress_item] font_family – string: Font Family of text. Default is Body Font.
  • [bmag_progress_item] font_size – mixed:  Font size of represent value. Default is 36px
  • [bmag_progress_item] duration – int: Animation Duration (in milliseconds). Ex: 2000
  • bmag_progress_item] EFFECT OPTIONS