{% comment %} 阅读进度条组件 {% endcomment %}
{% load static %}

<div id="reading-progress-container" 
     class="fixed top-0 left-0 w-full h-[1px] z-[9999] pointer-events-none"
     role="progressbar"
     aria-valuenow="0"
     aria-valuemin="0"
     aria-valuemax="100"
     aria-label="阅读进度">
    <div id="reading-progress-bar" 
         class="h-full bg-blue-600 transition-transform duration-150 ease-out"
         style="width: 0%; transform-origin: left;">
    </div>
</div>

<script src="{% static 'js/reading_progress.js' %}" defer></script>