Progress Bar
Default Progress Bar
get the codes
[yt_progress_bar type_change="linear" percent="90" style_linear="default" text="Joomla" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#4e9e41" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="75" style_linear="default" text="Magento" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#de6b25" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="57" style_linear="default" text="Prestashop" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#9d6bd2" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="39" style_linear="default" text="Wordpress" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#e93ecf" animation="easeInOutExpo" duration="1.5" delay="0.3" ]
Fancy Progress Bar
get the codes
[yt_progress_bar type_change="linear" percent="90" style_linear="fancy" text="Joomla" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#4e9e41" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="75" style_linear="fancy" text="Magento" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#de6b25" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="57" style_linear="fancy" text="Prestashop" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#9d6bd2" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="39" style_linear="fancy" text="Wordpress" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#e93ecf" animation="easeInOutExpo" duration="1.5" delay="0.3" ]
Thin Progress Bar
get the codes
[yt_progress_bar type_change="linear" percent="90" style_linear="thin" text="Joomla" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#4e9e41" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="75" style_linear="thin" text="Magento" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#de6b25" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="57" style_linear="thin" text="Prestashop" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#9d6bd2" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="39" style_linear="thin" text="Wordpress" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#e93ecf" animation="easeInOutExpo" duration="1.5" delay="0.3" ]
Striped Progress Bar
get the codes
[yt_progress_bar type_change="linear" percent="90" style_linear="striped" text="Joomla" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#4e9e41" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="75" style_linear="striped" text="Magento" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#de6b25" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="57" style_linear="striped" text="Prestashop" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#9d6bd2" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="39" style_linear="striped" text="Wordpress" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#e93ecf" animation="easeInOutExpo" duration="1.5" delay="0.3" ]
Animation Progress Bar
get the codes
[yt_progress_bar type_change="linear" percent="90" style_linear="animation" text="Joomla" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#4e9e41" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="75" style_linear="animation" text="Magento" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#de6b25" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="57" style_linear="animation" text="Prestashop" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#9d6bd2" animation="easeInOutExpo" duration="1.5" delay="0.3" ] [yt_progress_bar type_change="linear" percent="39" style_linear="animation" text="Wordpress" text_color="#ffffff" bar_color="#f0f0f0" fill_color="#e93ecf" animation="easeInOutExpo" duration="1.5" delay="0.3" ]
