html - Gauge markup ready for dynamic content -
i'm trying create markup gauge display how full messages inbox is, i'm having trouble dynamic part. body { background-color: #000; font-family: "helvetica"; margin: 35px 35px 35px 50px; } #gauge { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #5e767d; border: 2px solid #fff; color: #000; float: right; height: 260px; margin-left: 15px; overflow: hidden; text-align: center; width: 50px; } #gauge div { display: block; overflow: hidden; padding-top: 5px; position: relative; } #gauge #current { font-size: 30px; font-weight: 900; z-index: 2; } #gauge #percentual { background-color: #fff; font-weight: 800; z-index: 1; } <div id="gauge"> <div id="current" style=...