progress-steps-webcomponent/dist/progress-steps.min.css

A web component for displaying the steps of a process and letting users move between them

progress-steps{--font-size:15px;--line-thickness:2px;--step-border-radius:50%;--animation-speed:.5s;--future-step-fill-color:white;--step-width:35px;--previous-label-font-color:black;--previous-step-font-color:white;--progress-fill-color:#7a5bd3;--current-step-font-color:white;--current-label-font-weight:bold;--current-step-shadow:none;--current-label-font-color:var(--progress-fill-color);--progress-unfilled-color:#d5dce2;--disabled-step-fill-color:var(--progress-unfilled-color);--disabled-step-font-color:#8b9dac;--disabled-label-font-color:var(--progress-unfilled-color);--future-label-font-color:var(--progress-unfilled-color);--step-label-display:inline-block;--step-label-spacing:5px;--step-title-font:sans-serif;--step-label-font-weight:normal}