[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]

0 comentarios

Deja una respuesta

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *