prosess balken with grdient
Prozess Balken mit Counter Prozent und farblichen Wechsel des Balkens
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!doctype html>
<html lang="de">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<style>
body {
display: flex;
flex-direction: column;
height: 100vh;
align-items: center;
justify-content: flex-start;
}
#helper{
border:1px solid black;
height:30px;
width:300px;
overflow:hidden;
}
#conti{
position:relative;
top:0px;
left:0px;
height:30px;
width:10300px;
background:linear-gradient(
to right,
red 25%, orange 50%, yellow 70%,green 100%);
}
#aus{
position:absolute;
margin-left:130px;
font-size:25px;
font-weight:900;
}
#contibalken{
width:300px;