You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

9 lines
6.8 KiB

9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
  1. /*!
  2. * # Semantic UI 2.0.0 - Progress Bar
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2014 Contributorss
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */.ui.progress{position:relative;display:block;max-width:100%;border:1px solid rgba(34,36,38,.15);margin:1em 0 2.5em;box-shadow:none;background:rgba(0,0,0,.03);padding:.2857em;border-radius:.2857rem}.ui.progress:first-child{margin:0 0 2.5em}.ui.progress:last-child{margin:0 0 1.5em}.ui.indicating.progress .bar[style*="width: 1"],.ui.indicating.progress .bar[style*="width: 2"]{background-color:#d95c5c}.ui.indicating.progress .bar[style*="width: 3"]{background-color:#d9a65c}.ui.indicating.progress .bar[style*="width: 4"],.ui.indicating.progress .bar[style*="width: 5"]{background-color:#e6bb48}.ui.indicating.progress .bar[style*="width: 6"]{background-color:#ddc928}.ui.indicating.progress .bar[style*="width: 7"],.ui.indicating.progress .bar[style*="width: 8"]{background-color:#b4d95c}.ui.indicating.progress .bar[style*="width: 9"],.ui.indicating.progress .bar[style*="width: 100"]{background-color:#66da81}.ui.indicating.progress[data-percent^="1"] .label,.ui.indicating.progress[data-percent^="2"] .label{color:#d95c5c}.ui.indicating.progress[data-percent^="3"] .label{color:#d9a65c}.ui.indicating.progress[data-percent^="4"] .label,.ui.indicating.progress[data-percent^="5"] .label{color:#e6bb48}.ui.indicating.progress[data-percent^="6"] .label{color:#ddc928}.ui.indicating.progress[data-percent^="7"] .label,.ui.indicating.progress[data-percent^="8"] .label{color:#b4d95c}.ui.indicating.progress[data-percent^="9"] .label,.ui.indicating.progress[data-percent^="100"] .label{color:#66da81}.ui.indicating.progress .bar[style^="width: 1%"],.ui.indicating.progress .bar[style^="width: 2%"],.ui.indicating.progress .bar[style^="width: 3%"],.ui.indicating.progress .bar[style^="width: 4%"],.ui.indicating.progress .bar[style^="width: 5%"],.ui.indicating.progress .bar[style^="width: 6%"],.ui.indicating.progress .bar[style^="width: 7%"],.ui.indicating.progress .bar[style^="width: 8%"],.ui.indicating.progress .bar[style^="width: 9%"]{background-color:#d95c5c}.ui.indicating.progress[data-percent="1"] .label,.ui.indicating.progress[data-percent="2"] .label,.ui.indicating.progress[data-percent="3"] .label,.ui.indicating.progress[data-percent="4"] .label,.ui.indicating.progress[data-percent="5"] .label,.ui.indicating.progress[data-percent="6"] .label,.ui.indicating.progress[data-percent="7"] .label,.ui.indicating.progress[data-percent="8"] .label,.ui.indicating.progress[data-percent="9"] .label{color:#d95c5c}.ui.indicating.progress.success .label{color:#356e36}.ui.progress .bar{display:block;line-height:1;position:relative;width:0;min-width:2em;background:#888;border-radius:.2857rem;-webkit-transition:width .3s ease,background-color .3s ease;transition:width .3s ease,background-color .3s ease}.ui.progress .bar>.progress{white-space:nowrap;position:absolute;width:auto;font-size:.9em;top:50%;right:.5em;left:auto;bottom:auto;color:rgba(255,255,255,.8);text-shadow:none;margin-top:-.5em;font-weight:700;text-align:left}.ui.progress>.label{position:absolute;width:100%;font-size:1em;top:100%;right:auto;left:0;bottom:auto;color:rgba(0,0,0,.8);font-weight:700;text-shadow:none;margin-top:.2em;text-align:center;-webkit-transition:color .4s ease;transition:color .4s ease}.ui.progress.success .bar{background-color:#5bbd72!important}.ui.progress.success .bar,.ui.progress.success .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.success>.label{color:#356e36}.ui.progress.warning .bar{background-color:#f2c037!important}.ui.progress.warning .bar,.ui.progress.warning .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.warning>.label{color:#825c01}.ui.progress.error .bar{background-color:#d95c5c!important}.ui.progress.error .bar,.ui.progress.error .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.error>.label{color:#912d2b}.ui.active.progress .bar{position:relative;min-width:2em}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.2857rem;-webkit-animation:progress-active 2s ease infinite;animatio