flask-htmx-board1/templates/interactive-posts.html

{% extends "base.html" %}

{% block content %} 
 

{% include 'navbar.html' %}

<div class="row" >
    <div class="col s6 m5" id="neu-posts">
    {% include 'i-posts.html' %} 
    </div>
</div>


<div class="row">
    <div class="col s7 m6" id="answer-post"> 
    {% include 'answer-post.html' %} 
    </div>
    <div class="col s7 m6" id="minio-post">  
        <form hx-encoding='multipart/form-data' hx-post='/send_dudes'
            _='on htmx:xhr:progress(loaded, total) set #progress.value to (loaded/total)*100'>
        <input type='file' name='file'>
        <button>
            Upload
        </button>
        <progress id='progress' value='0' max='100'></progress>
  </form>
    </div>
</div>

{% endblock content %}