Internet Speedometer
Die Internetgeschwindigkeit wird von der Chrome Network Information API berechnet .. Klicken Sie , hier um die MDN-Dokumente anzuzeigen. Beachten Sie, dass diese API von Firefox nicht unterstützt wird.
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<html>
<head>
<style>
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@tailwind preflight;
@tailwind components;
@tailwind utilities;
.speedometr {
position: relative;
height: 100px;
width: 200px;
}
.speedometr .scale {
position: absolute;
border: 3px solid red;
width: 65px;
height: 15px;
border-radius: 100% 100% 0 0;
border-bottom: none;
}
.speedometr .scale.low {
top: 10px;
left: -30px;
border-color: #e74c3c;
transform: rotate(-50deg);
transform-origin: top right;
}
.speedometr .scale.middle {
left: calc(50% - 37px);
border-color: #f1c40f;
}