/**
* Progressbar classes
*
* @author splitfire - http://splitfire.fr
* @version 1.0
*
*/

.progressbar 
{ 
	width: 500px;
	height: 20px;
	position: relative;
	margin:0 auto;
	background: $menuColor;
	border-radius: 25px;
	padding: 5px;
	box-shadow  : inset 0 -1px 1px rgba(255,255,255,0.3);
	&:after
	{
		content:attr(data-progress);
		position:absolute;
		top:50%;
		left:50%;
		transform : translate(-50%, -50%);
		color:white; 
		text-shadow: 0 1px 2px #2C2C2C;
		white-space: nowrap;
	}
	
	& > span 
	{
		display: block;
		height: 100%;
		border-radius:20px;
		box-shadow: 
		  inset 0 2px 9px  rgba(255,255,255,0.3),
		  inset 0 -2px 6px rgba(0,0,0,0.4);
		position: relative;
		overflow: hidden;
		background-color: $toolbarActionColor;
		background  : linear-gradient(top, $toolbarActionColor, darken($toolbarActionColor,20%));
	}
}