changeset 728:60fb45446e3b

Use <progress> tag for donations meter.
author Brian Neal <bgneal@gmail.com>
date Sun, 06 Oct 2013 14:14:58 -0500
parents c84759350725
children 99d7bf8cd712
files sg101/templates/donations/monthly_goal_tag.html
diffstat 1 files changed, 2 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- a/sg101/templates/donations/monthly_goal_tag.html	Sun Oct 06 14:14:30 2013 -0500
+++ b/sg101/templates/donations/monthly_goal_tag.html	Sun Oct 06 14:14:58 2013 -0500
@@ -2,9 +2,8 @@
 {% block block_title %}Donations{% endblock %}
 {% block block_content %}
 <p class="centered">Help us meet our monthly goal:</p>
-<div style="width: 98%; border: 1px solid black; margin: auto;">
-<div style="width: {{ pct }}%; background-color: #17E3CB; color: white;"><span>&nbsp;</span>
-</div>
+<div class="centered">
+   <progress max="100" value="{{ pct }}">{{ pct }}%</progress>
 </div>
 <p class="centered"><strong>{{ pct }}%</strong></p>
 <p class="centered"><a href="{% url 'donations-index' %}">Donate Now</a></p>