Contents

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

@import "../common";

$progress-transition: $default-transition !default;

/**
 *    <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 $progress-transition);
}

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
titon-toolkit-0.14.0	scss/toolkit/ui/progress.scss
titon-toolkit-0.13.2	scss/toolkit/ui/progress.scss