@import "config.less";

@bar-height: 18 * @unit_base;
@bar-margin: 21 * @unit_base;

@-webkit-keyframes ui-scale-animation {
	from {
		-webkit-transform: scaleX(0);
	} to {
		-webkit-transform: scaleX(1);
	}
}

.ui-progressbar-value {
	height: 100%;

	//FIXME
	//background-image: url(images/00_winset_list_progress_bar.png);
	background-color: @color_progress_bar1;
	.LESSborder-radius-all( 10 * @unit_base );
}

.ui-progress-bg {
	position: relative;
	overflow: hidden;

	top: 5 * @unit_base;
	height: 7 * @unit_base;
	margin-left: 5 * @unit_base;
	margin-right: 5 * @unit_base;

	.LESSborder-radius-all( 10 * @unit_base );
	border: 1px;
	border-style: solid;
	border-color: rgb(180, 180, 180);
	.LESSbox-shadow(1px, -1px, 1px, rgb(180, 180, 180));
}

.ui-progressbar {
	position: relative;
	margin-left: @bar-margin;
	margin-right: @bar-margin;
	height: @bar-height;

	//FIXME
	//background-image: url(images/00_winset_list_progress_bg.png);
	background-color: @color_progress_bar0;
	.LESSborder-radius-all( 10 * @unit_base );
}