wiki:plugin:bootswrapper:progress-bar

This is an old revision of the document!

Progress Bar

Basic Example











60% 





With label














60%





Contextual alternatives














40% 
20% 
60% 
80% 





Striped














40% 
20% 
60% 
80% 





Animated




<progress>
<bar value="45" type="info" striped="true" animate="true"></bar>
</progress>










45% 





Stacked




<progress>
<bar value="35" type="success" striped="true"></bar>
<bar value="20" type="warning" striped="true"></bar>
<bar value="10" type="danger" striped="true"></bar>
</progress>










35% 
20% 
10% 





Attributes





	
	

		 Attribute      Default Value  Allowed Values  Description 
	

	
	

		 type       info  success, info, warning, danger  Type of progress bar 
	

	

		 animate    optional  true  Animate the progress bar 
	

	

		 striped    optional  true  Add a striped effect to progress bar 
	

	

		 showvalue  optional  true  Display current value of progress bar 
	













                    

                


                


                                        
                        
  •  wiki/plugin/bootswrapper/progress-bar.1446506961.txt.gz
  •  Last modified: 9 years ago
  • by  Giuseppe Di Terlizzi