@hawk-ui/progress-bar
Version:
hawk-ui: Basic Progress Bar Component
1 lines • 1.11 kB
CSS
.hawk-progress-bar progress{width:100%;background-color:#f3f3f3;border:0;height:8px;border-radius:9px}.hawk-progress-bar progress::-webkit-progress-bar{background-color:#f3f3f3;border-radius:9px}.hawk-progress-bar progress::-webkit-progress-value{background:#6997db;border-radius:9px}.hawk-progress-bar progress::-moz-progress-bar{background:#6997db;border-radius:9px}.hawk-progress-bar progress.danger::-webkit-progress-value{background:#e09595;border-radius:9px}.hawk-progress-bar progress.danger::-moz-progress-bar{background:#e09595;border-radius:9px}.hawk-progress-bar progress.warning::-webkit-progress-value{background:#ffc107;border-radius:9px}.hawk-progress-bar progress.warning::-moz-progress-bar{background:#ffc107;border-radius:9px}.hawk-progress-bar progress.success::-webkit-progress-value{background:#67af67;border-radius:9px}.hawk-progress-bar progress.success::-moz-progress-bar{background:#67af67;border-radius:9px}.hawk-progress-bar__content{display:flex;justify-content:space-between}.hawk-progress-bar__content span{font-size:14px;color:#6997db;text-transform:capitalize;margin-top:5px}