body { display: grid; height: 100vh; place-items: center; } progress { accent-color: #30cc7e; place-self: center; width: clamp(300px, 60%, 850px); } .notice { background: #fff9c4; border-radius: 6px; padding: 0.5rem; text-align: center; width: clamp(300px, 60%, 850px); }
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter