/*

Downloaded from 

https://www.codeseek.co/stevethorson/css-battery-indicator-eKqus 

*/
// body { background: black; }
 .battery {
 position: relative;
 width: 36px;
 height: 12px;
 border: 1px solid #fff;
 border-radius: 2px;
 position: relative;
 padding: 1px;
 -webkit-transform: scale(0.5);
 }
 .battery:before {
 content: '';
 display: block;
 position: absolute;
 top: 50%;
 right: -5.1px;
 margin-top: -3px;
 width: 6px;
 height: 6px;
 background: #fff;
 clip: rect(0, 6px, 6px, 3.9px);
 border-radius: 50%;
 }
 .battery.plugged:after {
 content: '';
 display: block;
 position: absolute;
 top: 50%;
 right: -19px;
 margin-top: -3px;
 width: 6px;
 height: 6px;
 background: #f00;
 border-radius: 50%;
 }
 .battery .level {
 width: 20%;
 height: 100%;
 background: #fff;
 border-radius: 1px;
 }