Frontend Dogma<p>Custom Progress Element Using the “attr()” Function, by <span class="h-card" translate="no"><a href="https://front-end.social/@css" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>css</span></a></span> (@frontendmasters.com):</p><p><a href="https://frontendmasters.com/blog/custom-progress-element-using-the-attr-function/" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/custo</span><span class="invisible">m-progress-element-using-the-attr-function/</span></a></p><p><a href="https://mas.to/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>css</span></a> <a href="https://mas.to/tags/functions" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>functions</span></a> <a href="https://mas.to/tags/progressindicators" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>progressindicators</span></a> <a href="https://mas.to/tags/gradients" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>gradients</span></a></p>