diedVIPs

html knowhow

Graphische Darstellung von Fähigkeiten












Graphische Darstellung von Fähigkeiten

Mit diesem Script kann man nicht selbst bewerten, sondern nur eine Bewertung graphisch darstellen
So sieht´s aus

Deutsch

90%

Betriebswirtschaft

80%

Mathematik

65%

Englisch

60%


Quellcode
<html>
<head>

<style type="text/css">
* {box-sizing: border-box}
.container {width: 100%; background-color: #ddd;}
.skills {text-align: right; padding-top: 10px; padding-bottom: 10px; color: white;}
.html {width: 90%; background-color: #04AA6D;}
.css {width: 80%; background-color: #2196F3;}
.js {width: 65%; background-color: #f44336;}
.php {width: 60%; background-color: #808080;}
</style>
</head>

<body>
<p>Deutsch</p><div class="container"><div class="skills html">90%</div></div>
<p>Betriebswirtschaft</p><div class="container"><div class="skills css">80%</div></div>
<p>Mathematik</p><div class="container"><div class="skills js">65%</div></div>
<p>Englisch</p><div class="container"><div class="skills php">60%</div></div>

</body>

</html>


Kontakt    Datenschutz    Impressum