Progress Bar

Default Progress Bar

 

90%
75%
57%
39%
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

 

90%
75%
57%
39%
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

 

90%
75%
57%
39%

 

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

 

90%
75%
57%
39%

 

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

 

90%
75%
57%
39%

 

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" ] 
Top