Word Counter mit Progress bar

Zeigt Rest Anzahl de Buchstaben in Prozent und Farblichen Prozess Balken an
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.6.1/jquery.min.js"></script>
<style>
* {
margin: 0;
padding: 0;
}
body {
height: 100vh;
width: 100%;
}
main {
width: 300px;
margin: 0 auto;
padding: 50px;
}
#progress-helper {
width: 300px;
overflow: hidden;
border: 1px solid black;
background: linear-gradient(90deg, rgba(2, 255, 7, 1) 0%, rgba(2, 255, 0, 1) 99%);
margin-bottom: 20px;
}
#progress-helper:before {
content: attr(data-helper);
width: 300px;
border: 1px solid green;
position: absolute;
font-size: 24px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX