HTML5コードでプログレスバー機能を実装するにはどうすればよいですか? （例）-htmlチュートリアル-php.cn

HTML5コードでプログレスバー機能を実装するにはどうすればよいですか? （例）

藏色散人

リリース： 2018-08-06 15:46:16

オリジナル

2520 人が閲覧しました

この記事ではHTML5のコードでプログレスバー機能を実装する方法を中心に紹介しますので、皆様のお役に立てれば幸いです。

html5 コードでプログレスバー関数を実装する具体的なコード例は次のとおりです:

<progress max="100" style="width: 100%" value="0" id="pg"></progress>

ログイン後にコピー

/*实现进度条的功能*/ 
<body>
下载进度：
<progress value="22" max="100">
</progress>
</body>

ログイン後にコピー

HTML5コードでプログレスバー機能を実装するにはどうすればよいですか? （例）

/*js代码*/
var pg=document.getElementById(&#39;pg&#39;); 
setInterval(function(e){ 
if(pg.value!=100) pg.value++; 
else pg.value=0; 
},100);

ログイン後にコピー

注: タグは実行中の進行状況 (プロセス) を定義します。タグを使用すると、JavaScript で時間のかかる関数の進行状況を表示できます。ただし、このラベルはメトリクス (ディスク容量の使用量やクエリ結果など) を表すのには適していません。度量衡を表すには、代わりにタグを使用します。

【おすすめ関連記事】

以上がHTML5コードでプログレスバー機能を実装するにはどうすればよいですか? （例）の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

php 8、私も来ます