mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 09:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Remove unnecessary JS for indeterminate progress

Browse source
This commit is contained in:
Florine W. Dekker 2022-12-14 22:35:48 +01:00
parent 6188437d1f
commit b32c9789a9
No known key found for this signature in database
GPG key ID: D3DCFAA8A4560BE0
2 changed files with 9 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

19
docs/src/progress.html
View file

@ -1,8 +1,8 @@
<!doctype html>
<html lang="en">
<head>
${require('./_head.html')
title="Progress"
${require('./_head.html')
title="Progress"
description="Progress bar element in pure HTML, without JavaScript."
canonical="progress.html"
}
@ -10,10 +10,10 @@
<body>
${require('./_nav.html')}
<main class="container" id="docs">
${require('./_sidebar.html') active="progress-link"}
<div role="document">
<section id="progress">
<hgroup>
@ -28,22 +28,19 @@
</footer>
</article>
<p>You can change a progress bar to an indeterminate state by setting the <code><i>indeterminate</i></code> property to <code><u>true</u></code></p>
<p>A progress bar without a <code><b>value</b></code> attribute is indeterminate.</p>
<article aria-label="Indeterminate progress bar example">
<progress id="indeterminate-progress"></progress>
<script>document.getElementById('indeterminate-progress').indeterminate = true;</script>
<progress></progress>
<footer class="code">
<pre><code>&lt;<b>script</b>&gt;
<i>document</i>.<b>getElementById</b>(<u>'indeterminate-progress'</u>).<i>indeterminate</i> = <u>true</u>;
&lt;/<b>script</b>&gt;</code></pre>
<pre><code>&lt;<b>progress</b>&gt;&lt;/<b>progress</b>&gt;</code></pre>
</footer>
</article>
</section>
${require('./_footer.html')}
</div>
</main>
<script src="js/commons.min.js"></script>