UNPKG

bk-vue-cec

Version:

一个为运维业务场景而生,好看易用的Vue2原创组件库,由T-inside Design进行托管社区化运作

1 lines 1.9 kB
{"version":3,"sources":["progress.css"],"names":[],"mappings":"AAEA,aACI,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAkDJ,CAjDI,2BACI,UAAW,CACX,UAAW,CACX,kBAAmB,CACnB,kBAAkB,CAClB,iBAAkB,CAClB,qBAAsB,CACtB,iBAUJ,CATI,6CACI,UACJ,CACA,8CACI,UACJ,CACA,6CACI,WACJ,CAEJ,6BACI,iBAAkB,CAClB,MAAO,CACP,KAAM,CACN,SAAU,CACV,WAAY,CACZ,kBAAmB,CACnB,iCAA2B,CAA3B,yBAaJ,CAZI,wCACI,kBACJ,CACA,wCACI,kBACJ,CACA,wCACI,kBACJ,CACA,uCACI,kBACJ,CAEJ,yBACI,UAAW,CACX,iBAAkB,CAClB,UAAW,CACX,WACJ,CAAC,4BAEG,QAAS,CACT,iBACJ","file":"progress.min.css","sourcesContent":["@import './variable.css';\r\n\r\n.bk-progress {\r\n display: flex;\r\n align-items: center;\r\n .progress-bar {\r\n width: 100%;\r\n height: 4px;\r\n background: #F0F1F5;\r\n border-radius:50px;\r\n position: relative;\r\n vertical-align: middle;\r\n text-align: center;\r\n &.bk-progress-small {\r\n height:2px;\r\n }\r\n &.bk-progress-normal {\r\n height: 4px;\r\n }\r\n &.bk-progress-large {\r\n height: 12px;\r\n }\r\n }\r\n .progress-inner {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 50%;\r\n height: 100%;\r\n border-radius: 50px;\r\n transition: width 0.5s ease;\r\n &.bk-primary {\r\n background: $newMainColor;\r\n }\r\n &.bk-success {\r\n background: $newGreenColor;\r\n }\r\n &.bk-warning {\r\n background: $newOrangeColor;\r\n }\r\n &.bk-danger {\r\n background: $dangerColor;\r\n }\r\n }\r\n .inner-text {\r\n width: 100%;\r\n text-align: center;\r\n color: #fff;\r\n height: 100%;\r\n },\r\n .progress-text {\r\n width: 7%;\r\n text-align: center;\r\n }\r\n}\r\n"]}