123456789101112131415161718192021222324252627282930313233 |
- @charset "utf-8";
- $progress-height: 24px;
- .ui-progress {
- overflow: hidden;
- height: $progress-height;
- background-color: #f5f5f5;
- -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
- }
- .ui-progress__bar {
- float: left;
- width: 0;
- height: 100%;
- line-height: $progress-height;
- text-align: center;
- color: #fff;
- background-color: #0097d6;
- -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
- box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
- -webkit-transition: width .6s ease;
- transition: width .6s ease;
- }
|