[idz_col_full class=””]
[idz_code][idz_alert type=”default”]content…[/idz_alert][/idz_code]
[idz_panel color=”white” class=””]
[idz_list type=”check” class=””]
type : default | info | success | warning | error
[/idz_list]
[/idz_panel]
[idz_heading tag=”h3″ class=”gap”]Example of Alert Box[/idz_heading]
[idz_alert type=”default” ]This is default alert message[/idz_alert]
[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=”default” ]This is warning alert message[/idz_alert]
[idz_alert type=”error” ]This is error alert message[/idz_alert]
[/idz_col_full]
[idz_spacer height=”10″ color=””]
[idz_spacer height=”10″ color=””]
[idz_spacer height=”3″ color=”#dedede”]
[idz_spacer height=”10″ color=””]
[idz_col_full class=””]
[idz_code][idz_progress_bar title=”title text” color=”green” type=”default” value=”70″”][/idz_code]
[idz_list type=”check” class=””]
title : title text
color : green | blue | orange | yellow | red | grey
type : default | circle
value : add number value to show percentage in progress bar
[/idz_list]
[/idz_col_full]
[idz_col_full class=”text-center”]
[idz_heading tag=”h3″ class=” firstword-bold”]Eof Circular progress bar[/idz_heading]
[/idz_col_full]
[idz_col_13 class=”large-4 medium-4 text-center”]
[idz_progress_bar title=”Default Color” color=”” type=”circle” value=”70″ chart_size=50]
[/idz_col_13]
[idz_col_13 class=”medium-4 text-center”]
[idz_progress_bar title=”Green Color” color=”green” type=”circle” value=”90″ chart_size=100]
[/idz_col_13]
[idz_col_13 class=”medium-4 text-center”]
[idz_progress_bar title=”Blue Color” color=”blue” type=”circle” value=”80″ chart_size=150]
[/idz_col_13]
[idz_col_13 class=”medium-4 text-center”]
[idz_progress_bar title=”Red Color” color=”red” type=”circle” value=”60″ chart_size=200]
[/idz_col_13]
[idz_col_13 class=”medium-4 text-center”]
[idz_progress_bar title=”Yellow Color” color=”yellow” type=”circle” value=”70″ chart_size=250]
[/idz_col_13]
[idz_col_13 class=”medium-4 text-center”]
[idz_progress_bar title=”Grey Color” color=”grey” type=”circle” value=”40″]
[/idz_col_13]
[idz_spacer height=”10″ color=””]
[idz_spacer height=”3″ color=”#dedede”]
[idz_spacer height=”10″ color=””]
[idz_col_full class=””]
[idz_heading tag=”h3″ class=” firstword-bold”]Example Progress Bar[/idz_heading]
[idz_progress_bar title=”Progress bar grey” color=”grey” value=”100″]
[idz_progress_bar title=”Progress bar green” color=”green” value=”90″]
[idz_progress_bar title=”Progress bar blue” color=”blue” value=”75″]
[idz_progress_bar title=”Progress bar orange” color=”orange” value=”85″]
[idz_progress_bar title=”Progress bar yellow” color=”yellow” value=”75″]
[idz_progress_bar title=”Progress bar red” color=”red” value=”70″]
[/idz_col_full]