Кнопка индикатора выполнения в HTML5

Question

Я хотел бы объединить две функции HTML5 в одну. Я пытаюсь по существу сделать кнопку индикатора выполнения на странице. Индикатор выполнения не нуждается в обновлении на странице, только когда страница обновлена, панель изменит свое положение. Есть идеи, как мне это сделать?

Спасибо

-Jesse

Answer 1

<button onclick="window.alert('Clicked');">
    <progress max="1.0" value="0.7">70%</progress>
</button>

Кажется, что работает в Opera & Chrome , он также работает нормально в Firefox, но не поддерживает progress.

Answer 2

Простой <div> в пределах <div> сработает?И просто установите стиль внутреннего <div> как%.

jQueryUI также обеспечивает элегантное решение.