<commit_before><meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../dist/siimple-experiments.css">
<style>body { margin: 50px; }</style>

<h2>Basic</h2>
<div class="siimple-progress siimple-progress--primary">
    <span style="width:25%;">25% completed</span>
</div>
<div class="siimple-progress siimple-progress--success">
    <span style="width:50%;">50% completed</span>
</div>
<div class="siimple-progress siimple-progress--warning">
    <span style="width:75%;">75% completed</span>
</div>
<div class="siimple-progress siimple-progress--error">
    <span style="width:100%;">100% completed</span>
</div>

<h2>Striped</h2>
<div class="siimple-progress siimple-progress--primary siimple-progress--striped-slow">
    <span style="width:50%;">50% completed</span>
</div>
<div class="siimple-progress siimple-progress--primary siimple-progress--striped">
    <span style="width:50%;">50% completed</span>
</div>
<div class="siimple-progress siimple-progress--primary siimple-progress--striped-fast">
    <span style="width:50%;">50% completed</span>
</div>

<commit_msg>Added test for small progress bar<commit_after><meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../dist/siimple-experiments.css">
<style>body { margin: 50px; }</style>

<h2>Basic</h2>
<div class="siimple-progress siimple-progress--primary">
    <span style="width:25%;">25% completed</span>
</div>
<div class="siimple-progress siimple-progress--success">
    <span style="width:50%;">50% completed</span>
</div>
<div class="siimple-progress siimple-progress--warning">
    <span style="width:75%;">75% completed</span>
</div>
<div class="siimple-progress siimple-progress--error">
    <span style="width:100%;">100% completed</span>
</div>

<h2>Striped</h2>
<div class="siimple-progress siimple-progress--primary siimple-progress--striped-slow">
    <span style="width:50%;">50% completed</span>
</div>
<div class="siimple-progress siimple-progress--primary siimple-progress--striped">
    <span style="width:50%;">50% completed</span>
</div>
<div class="siimple-progress siimple-progress--primary siimple-progress--striped-fast">
    <span style="width:50%;">50% completed</span>
</div>

<h2>Small</h2>
<div class="siimple-progress siimple-progress--primary siimple-progress--small">
    <span style="width:50%;">50% completed</span>
</div>
<div class="siimple-progress siimple-progress--primary siimple-progress--striped siimple-progress--small">
    <span style="width:50%;">50% completed</span>
</div>


{'fraction_non_alphanumeric': 0.2017067494181536, 'fraction_numerical': 0.03335919317300233, 'mean_word_length': 5.804749340369393, 'pattern_counts': {'":': 0, '<': 85, '<?xml version=': 0, '>': 85, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4329', 'n_tokens_mistral': 943, 'n_tokens_neox': 856, 'n_words': 153}