Contents

/**
 * @copyright	Copyright 2010-2013, The Titon Project
 * @license		http://opensource.org/licenses/bsd-license.php
 * @link		http://titon.io
 */

@import "../common";

/**
 *	<div class="progress">
 *		<div class="progress-bar" style="width: 50%">50%</div>
 *	</div>
 */

.progress {
	height: 20px;
	overflow: hidden;
	position: relative;
	background: $gray;

	@include clear-fix;
}

.progress-bar {
	height: 20px;
	line-height: 18px;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-size: .7rem;
	background: $gray-darkest;
	float: left;
	@include transition(width .6s, background .3s);
}

Version data entries

3 entries across 3 versions & 1 rubygems

Version	Path
titon-toolkit-0.9.4	src/scss/toolkit/ui/progress.scss
titon-toolkit-0.9.3	src/scss/toolkit/ui/progress.scss
titon-toolkit-0.9.2	src/scss/toolkit/ui/progress.scss