[idz_col_full]

Alert Boxes

[idz_alert type=”info”] This is information alert message[/idz_alert]
[idz_alert type=”success”] This is success alert message[/idz_alert]
[idz_alert type=”warning”] This is warning alert message[/idz_alert]
[idz_alert type=”error”] This is error alert message[/idz_alert]
[idz_alert type=”default”] This is default alert message[/idz_alert]
[/idz_col_full]

[idz_col_full]

[idz_alert type="info"]text[/idz_alert]

[idz_note]
Alert Parameter
[idz_list type=”square”]

  • Type : info | success | warning | error | default

[/idz_list]
[/idz_note]
[/idz_col_full]

[idz_spacer height=10]
[idz_spacer height=4 color=#e6e6e6]
[idz_spacer height=10]

[idz_col_full]

Example of progess bar

[idz_progress_bar title=”Progress bar default (grey)” value=”70″]
[idz_progress_bar title=”Progress bar green” color=”green” value=”80″]
[idz_progress_bar title=”Progress bar blue” color=”blue” value=”95″]
[idz_progress_bar title=”Progress bar orange” color=”orange” value=”60″]
[idz_progress_bar title=”Progress bar red” color=”red” value=”45″]
[/idz_col_full]

[idz_spacer height=10]
[idz_spacer height=4 color=#e6e6e6]
[idz_spacer height=10]

[idz_col_full]

Example of Circular progess bar

[idz_col_14 class=”text-center mobile-two”]
[idz_progress_bar title=”Progress bar green” color=”green” value=”70″ type=”circle”]
[/idz_col_14]
[idz_col_14 class=”text-center mobile-two”]
[idz_progress_bar title=”Progress bar blue” color=”blue” value=”80″ type=”circle”]
[/idz_col_14]
[idz_col_14 class=”text-center mobile-two”]
[idz_progress_bar title=”Progress bar orange” color=”orange” value=”90″ type=”circle”]
[/idz_col_14]
[idz_col_14 class=”text-center mobile-two”]
[idz_progress_bar title=”Progress bar red” color=”red” value=”60″ type=”circle”]
[/idz_col_14]
[/idz_col_full]

[idz_spacer height=10]

[idz_col_full]

[idz_progress_bar title="title text" color="green" value="70" type="default"]

[idz_note]
Progress Bar Parameter
[idz_list type=”square”]

  • Title : Title text
  • Color : green | blue | orange | red | grey
  • Value : Add number value to show percentage in progress bar
  • Type : Default | Circle

[/idz_list]
[/idz_note]
[/idz_col_full]