ページ読み込み状況をグラフ化するPEAR::HTML_Progress2
2006年07月27日-
How to include a loading bar in your XHTML documents quickly and easily.
ページ読み込み状況をグラフ化するPEAR::HTML_Progress2。
ページ読み込み状況をCSS+JavaScriptのXHTMLで出力できます。
サンプルプログラムは次のような感じ
<?php
require_once 'HTML/Progress2.php';
$pb = new HTML_Progress2();
$pb->setAnimSpeed(100);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>Progress2 Basic example</title>
<?php
echo $pb->getStyle(false);
echo $pb->getScript(false);
?>
</head>
<body>
<?php
$pb->display();
$pb->run();
?>
</body>
</html>
参考: http://www.laurent-laville.org/pear/HTML_Progress2/docs/TDG/en/ch18.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <title>Progress2 Basic example</title> </head> <body> </body> </html> 参考: http://www.laurent-laville.org/pear/HTML_Progress2/docs/TDG/en/ch18.html
こういったPHPを使ったHTMLウィジェットもPEARでもっと充実していって欲しいですね。
HTML_TreeMenuというツリーを作成するモジュールなんかも使いようによっては面白い使い方ができます。
最新のブログ記事(新着順)
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 美しいメッシュグラデーションをCSSで簡単に取得できる「MSHR」
- TailwindCSSなサイトで使える100以上のアニメーションエフェクト「animata」
- 過去のエントリ