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.
14 lines
3.2 KiB
14 lines
3.2 KiB
/*
|
|
* # Semantic UI
|
|
* Version: 0.16.1
|
|
* http://github.com/jlukic/semantic-ui
|
|
*
|
|
*
|
|
* Copyright 2014 Contributors
|
|
* Released under the MIT license
|
|
* http://opensource.org/licenses/MIT
|
|
*
|
|
* Released: 09/23/2014
|
|
*/
|
|
|
|
.ui.progress{display:block;width:100%;border:1px solid rgba(0,0,0,.1);box-shadow:none;background:#fafafa;padding:.325em;border-radius:.325em}.ui.progress .bar{display:block;width:0;height:1.5em;background:#ccc;border-radius:.325em;-webkit-transition:width 1s ease-in-out,background-color 1s ease-out;transition:width 1s ease-in-out,background-color 1s ease-out}.ui.successful.progress .bar{background-color:#5bbd72!important}.ui.successful.progress .bar,.ui.successful.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.warning.progress .bar{background-color:#e9bd16!important}.ui.warning.progress .bar,.ui.warning.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.failed.progress .bar{background-color:#d95c5c!important}.ui.failed.progress .bar,.ui.failed.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.active.progress .bar{position:relative}.ui.active.progress .bar::after{content:'';opacity:0;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;border-radius:.325em;-webkit-animation:progress-active 2s ease-out infinite;animation:progress-active 2s ease-out infinite}@-webkit-keyframes progress-active{0%{opacity:0;width:0}50%{opacity:.3}100%{opacity:0;width:100%}}@keyframes progress-active{0%{opacity:0;width:0}50%{opacity:.3}100%{opacity:0;width:100%}}.ui.disabled.progress{opacity:.35}.ui.disabled.progress .bar,.ui.disabled.progress .bar::after{-webkit-animation:none!important;animation:none!important}.ui.progress.attached{position:relative;border:none}.ui.progress.attached,.ui.progress.attached .bar{display:block;height:3px;padding:0;overflow:hidden;border-radius:0 0 .3125em .3125em}.ui.progress.attached .bar{border-radius:0}.ui.progress.top.attached,.ui.progress.top.attached .bar{top:0;border-radius:.3125em .3125em 0 0}.ui.progress.top.attached .bar{border-radius:0}.ui.blue.progress .bar{background-color:#3b83c0}.ui.black.progress .bar{background-color:#1b1c1d}.ui.green.progress .bar{background-color:#5bbd72}.ui.red.progress .bar{background-color:#d95c5c}.ui.purple.progress .bar{background-color:#564f8a}.ui.teal.progress .bar{background-color:#00b5ad}.ui.progress.striped .bar{background-size:30px 30px;background-image:-webkit-linear-gradient(315deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent)}.ui.progress.active.striped .bar:after{-webkit-animation:none;animation:none}.ui.progress.active.striped .bar{-webkit-animation:progress-striped 3s linear infinite;animation:progress-striped 3s linear infinite}@-webkit-keyframes progress-striped{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes progress-striped{0%{background-position:0 0}100%{background-position:60px 0}}.ui.small.progress .bar{height:14px}
|