primeng/resources/components/knob/knob.css

[](https://badge.fury.io/js/primeng) [](https://www.npmjs.com/package/primeng) [![Actions CI](https://github.com/primefaces/primeng/workflows/No

@keyframes dash-frame {
    100% {
        stroke-dashoffset: 0;
    }
}
@layer primeng {
    .p-knob-range {
        fill: none;
        transition: stroke 0.1s ease-in;
    }
    .p-knob-value {
        animation-name: dash-frame;
        animation-fill-mode: forwards;
        fill: none;
    }
    .p-knob-text {
        font-size: 1.3rem;
        text-align: center;
    }
}