22

✏️ Editing: jet-progress-bar.css

.jet-progress-bar__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}.jet-progress-bar__wrapper{position:relative}.jet-progress-bar__status-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;will-change:width, height;-webkit-transition:width 1s cubic-bezier(0.6, 0.17, 0.37, 0.86),height 1s cubic-bezier(0.6, 0.17, 0.37, 0.86);-o-transition:width 1s cubic-bezier(0.6, 0.17, 0.37, 0.86),height 1s cubic-bezier(0.6, 0.17, 0.37, 0.86);transition:width 1s cubic-bezier(0.6, 0.17, 0.37, 0.86),height 1s cubic-bezier(0.6, 0.17, 0.37, 0.86);-webkit-transform:translateZ(0);transform:translateZ(0)}.jet-progress-bar__percent{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-progress-bar__percent-value{line-height:1}.jet-progress-bar__percent-suffix{line-height:1}.jet-progress-bar-type-1 .jet-progress-bar__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.jet-progress-bar-type-1 .jet-progress-bar__inner .jet-progress-bar__status-bar{width:0%}.jet-progress-bar-type-1 .jet-progress-bar__inner .jet-progress-bar__title{-ms-flex-item-align:start;align-self:flex-start}.jet-progress-bar-type-1 .jet-progress-bar__inner .jet-progress-bar__wrapper{-ms-flex-item-align:stretch;align-self:stretch}.jet-progress-bar-type-1 .jet-progress-bar__inner .jet-progress-bar__percent{-ms-flex-item-align:end;align-self:flex-end}.jet-progress-bar-type-2 .jet-progress-bar__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.jet-progress-bar-type-2 .jet-progress-bar__inner .jet-progress-bar__status-bar{width:0%}.jet-progress-bar-type-3 .jet-progress-bar__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column}.jet-progress-bar-type-3 .jet-progress-bar__inner .jet-progress-bar__wrapper{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.jet-progress-bar-type-3 .jet-progress-bar__inner .jet-progress-bar__status-bar{width:0%}.jet-progress-bar-type-3 .jet-progress-bar__inner .jet-progress-bar__percent{-ms-flex-item-align:end;align-self:flex-end;position:absolute;bottom:calc(100% + 10px);right:0}.jet-progress-bar-type-4 .jet-progress-bar__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-progress-bar-type-4 .jet-progress-bar__inner .jet-progress-bar__wrapper{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.jet-progress-bar-type-4 .jet-progress-bar__inner .jet-progress-bar__status-bar{width:0%}.jet-progress-bar-type-5 .jet-progress-bar__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-progress-bar-type-5 .jet-progress-bar__inner .jet-progress-bar__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-item-align:stretch;align-self:stretch}.jet-progress-bar-type-5 .jet-progress-bar__inner .jet-progress-bar__status-bar{width:0%}.jet-progress-bar-type-6 .jet-progress-bar__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-progress-bar-type-6 .jet-progress-bar__inner .jet-progress-bar__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-item-align:stretch;align-self:stretch}.jet-progress-bar-type-6 .jet-progress-bar__inner .jet-progress-bar__status-bar{width:0%}.jet-progress-bar-type-6 .jet-progress-bar__inner .jet-progress-bar__status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.jet-progress-bar-type-7 .jet-progress-bar__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.jet-progress-bar-type-7 .jet-progress-bar__inner .jet-progress-bar__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.jet-progress-bar-type-7 .jet-progress-bar__inner .jet-progress-bar__status-bar{width:100%;height:0%}

MR SKB