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

Leave a Reply

Your email address will not be published. Required fields are marked *