Hallo liebes Forum! Ich habe mal wieder eine Frage an euch. [Blockierte Grafik: https://i.imgur.com/4bTLdlG.png] Wie Ihr an dem Bild links sehen könnt, habe ich über eine Textarea einen Wortcounter geschrieben und über ein fertiges (leider etwas altes Snippet) erweitert sich die Progressbar bis 100% wenn eine gewisse Zeichenanzahl erreicht wird.
Das Script ist auf 100 Zeichen ausgelegt und ich finde leider nichts anderes und keine Anleitung wie ich das ändern könnte und somit bin ich nun hier :).
Ich würde das Script von 100 Zeichen auf 500 Zeichen erweitern, sodass allerdings trotzdem 100% angezeigt werden. Leider hab ich das auch alleine nicht hinbekommen 
<script>
// progress bar
jQuery(document).ready(function() {
$('textarea').keyup(function() {
var box = $(this).val();
var main = box.length * 100;
var value = (main / 500);
var count = 0 + box.length;
if(box.length >= 0){
$('.progress-bar').css('width', count + '%');
$('.current-value').text(count + '%');
}
return false;
});
});
</script>
<script>
// word counter
window.addEventListener("DOMContentLoaded", counter);
function counter() {
var string = document.getElementById("new-post").value;
var word = string.split(" ");
document.getElementById("chars").innerText = "Wörter: " + word.length + " Zeichen: " + (string.length + 1);
}
</script>Ich hoffe Ihr könnt mir helfen 
Ich kann mir vorstellen das man dort rechnen müsste, aber ich kanns mir absolut nicht vorstellen...