@zeit-ui/vue/lib/progress.css

A popular UI framework for Vue

.expand-enter-active,.expand-leave-active{transition:height .2s ease;overflow:hidden}.expand-enter,.expand-leave-to{height:0}.zi-progress-bar{width:100%;display:inline-flex;justify-content:space-between;align-items:center;height:.625rem;user-select:none}.zi-progress-bar.bottom,.zi-progress-bar.top{position:fixed;height:.1875rem;width:100vw;left:0;z-index:9999;overflow:hidden}.zi-progress-bar.bottom .zi-progress,.zi-progress-bar.top .zi-progress{width:100%}.zi-progress-bar.top{top:0}.zi-progress-bar.bottom{bottom:0}.zi-progress{width:100%;height:100%;background-color:var(--accents-2);border-radius:.25rem}.zi-progress__inner{width:0;height:100%;border-radius:var(--geist-radius);transition:width .6s ease,background-color 1s ease}.zi-progress__inner.default{background-color:var(--geist-foreground)}.zi-progress__inner.success{background-color:var(--geist-success)}.zi-progress__inner.warning{background-color:var(--geist-warning)}.zi-progress__inner.danger{background-color:var(--geist-error)}.zi-progress__inner.secondary{background-color:var(--geist-secondary)}