Alert & Progress

Alert

Alert Default
[ps_alert alert_type=»default» ps_animation=»bounceIn»]This is default alert message[/ps_alert][ps_alert alert_type=»blue» ps_animation=»bounceIn» ps_animation_delay=»200″]This is information alert message[/ps_alert][ps_alert alert_type=»green» ps_animation=»bounceIn» ps_animation_delay=»400″]This is success alert message[/ps_alert][ps_alert alert_type=»yellow» ps_animation=»bounceIn» ps_animation_delay=»600″]This is warning alert message[/ps_alert][ps_alert alert_type=»red» ps_animation=»bounceIn» ps_animation_delay=»800″]This is error alert message[/ps_alert]
Alert Radius
[ps_alert alert_type=»default» ps_animation=»bounceIn» border=»radius»]This is default alert message[/ps_alert][ps_alert alert_type=»blue» ps_animation=»bounceIn» ps_animation_delay=»200″ border=»radius»]This is information alert message[/ps_alert][ps_alert alert_type=»green» ps_animation=»bounceIn» ps_animation_delay=»400″ border=»radius»]This is success alert message[/ps_alert][ps_alert alert_type=»yellow» ps_animation=»bounceIn» ps_animation_delay=»600″ border=»radius»]This is warning alert message[/ps_alert][ps_alert alert_type=»red» ps_animation=»bounceIn» ps_animation_delay=»800″ border=»radius»]This is error alert message[/ps_alert]
Alert Rounded
[ps_alert alert_type=»default» ps_animation=»bounceIn» border=»round»]This is default alert message[/ps_alert][ps_alert alert_type=»blue» ps_animation=»bounceIn» ps_animation_delay=»200″ border=»round»]This is information alert message[/ps_alert][ps_alert alert_type=»green» ps_animation=»bounceIn» ps_animation_delay=»400″ border=»round»]This is success alert message[/ps_alert][ps_alert alert_type=»yellow» ps_animation=»bounceIn» ps_animation_delay=»600″ border=»round»]This is warning alert message[/ps_alert][ps_alert alert_type=»red» ps_animation=»bounceIn» ps_animation_delay=»800″ border=»round»]This is error alert message[/ps_alert]

Progress Bar

Progress Bar default style
[ps_progress_trigger][ps_progress_bar ps_animation=»fadeInDown» title=»Progress bar default (grey)» percent=»70″][ps_progress_bar color=»green» ps_animation=»fadeInDown» ps_animation_delay=»300″ title=»Progress bar Green» percent=»80″][ps_progress_bar color=»blue» ps_animation=»fadeInDown» ps_animation_delay=»500″ title=»Progress bar Blue» percent=»95″][ps_progress_bar color=»yellow» ps_animation=»fadeInDown» ps_animation_delay=»700″ title=»Progress bar Yellow» percent=»60″][ps_progress_bar color=»red» ps_animation=»fadeInDown» ps_animation_delay=»900″ title=»Progress bar Red» percent=»45″][/ps_progress_trigger]
Progress Bar thin style
[ps_progress_trigger][ps_progress_bar ps_animation=»fadeInDown» title=»Progress bar default (grey)» percent=»70″ types=»thin»][ps_progress_bar color=»green» ps_animation=»fadeInDown» ps_animation_delay=»300″ title=»Progress bar Green» percent=»80″ types=»thin»][ps_progress_bar color=»blue» ps_animation=»fadeInDown» ps_animation_delay=»500″ title=»Progress bar Blue» percent=»95″ types=»thin»][ps_progress_bar color=»yellow» ps_animation=»fadeInDown» ps_animation_delay=»700″ title=»Progress bar Yellow» percent=»60″ types=»thin»][ps_progress_bar color=»red» ps_animation=»fadeInDown» ps_animation_delay=»900″ title=»Progress bar Red» percent=»45″ types=»thin»][/ps_progress_trigger]
Progress Bar thin (thermo) style
[ps_progress_trigger][ps_progress_bar ps_animation=»fadeInDown» title=»Progress bar default (grey)» percent=»70″ types=»thermo» icon=»icon-htmlfive»][ps_progress_bar color=»green» ps_animation=»fadeInDown» ps_animation_delay=»300″ title=»Progress bar Green» percent=»80″ types=»thermo» icon=»icon-cssthree»][ps_progress_bar color=»blue» ps_animation=»fadeInDown» ps_animation_delay=»500″ title=»Progress bar Blue» percent=»95″ types=»thermo» icon=»icon-ruby»][ps_progress_bar color=»yellow» ps_animation=»fadeInDown» ps_animation_delay=»700″ title=»Progress bar Yellow» percent=»60″ types=»thermo» icon=»icon-wordpress»][ps_progress_bar color=»red» ps_animation=»fadeInDown» ps_animation_delay=»900″ title=»Progress bar Red» percent=»45″ types=»thermo» icon=»icon-jquery»][/ps_progress_trigger]

Chart Default

[ps_circular title=»Chart Default» percent=»70″]
[ps_circular color=»green» title=»Chart Green» percent=»80″]
[ps_circular color=»blue» title=»Chart Blue» percent=»90″]
[ps_circular title=»Chart Yellow» percent=»60″ color=»yellow»]
[ps_circular color=»red» title=»Chart Red» percent=»45″]
[ps_circular color=»white» title=»Chart White» percent=»45″]

Chart Styling

[ps_circular title=»Chart Default» percent=»70″ types=»2″]
[ps_circular color=»green» title=»Chart Green» percent=»80″ types=»2″]
[ps_circular color=»blue» title=»Chart Blue» percent=»90″ types=»2″]
[ps_circular title=»Chart Yellow» percent=»60″ color=»yellow» types=»2″]
[ps_circular color=»red» title=»Chart Red» percent=»45″ types=»2″]
[ps_circular color=»white» title=»Chart White» percent=»50″ types=»2″]