コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > シンプルプログレスバーのHTML CSS制作_HTML/Xhtml_Webページ制作

シンプルプログレスバーのHTML CSS制作_HTML/Xhtml_Webページ制作

WBOY
リリース： 2016-05-16 16:39:44
オリジナル
1759 人が閲覧しました

1. HTML コード

コードをコピーします
コードは次のとおりです:

経験値 ：

2. CSS スタイル


コードをコピーしますコードは次のとおりです:
。 progress-bar, .progress -bar b{background: url("/images/ico.png") no-repeat スクロール 0 0; 表示: block;}
.progress-bar {background-position: 0 0;高さ: 15px;幅: 430px;}
.progress-bar b {background-position: 0 -17px; 高さ: 12px;}

添付ファイル:

関連ラベル：
html プログレスバー
ソース：php.cn
前の記事：Html における value 属性と name 属性の役割とその使い方_HTML/Xhtml_Web ページの作成についての紹介 次の記事：自分で整理した DIV の一般的に使用される属性の包括的なリスト_HTML/Xhtml_Web ページ制作
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
VueJS スケジューリング関数の実行順序により問題が発生する APIから取得したお知らせのリストをページに表示しようとしています。私は Vuex ストアを使用しており、アナウンスと呼ばれる状態があります。また、ユーザーがページを更新/入力する...
から 2024-04-06 10:37:58
0
1
385
表のタイトルを垂直方向に回転、中央 + 下揃え、クロスブラウザー ヘッダーが回転されたテーブルがありますが、これは Chrome では期待どおりに表示されますが、Firefox では期待どおりに表示されません。 Chromev108 (垂直下、水...
から 2024-04-04 16:45:25
0
1
330
複数のテーブルからデータを取得する場合、SQL グループ化でテーブル内のエントリに基づいてクエリを実行する方法 2つのテーブルがあります。クリック2.rideクリックテーブルID |タイムライドテーブルID |タイムスタンプ両方のテーブルからデータを取得したいのですが、GROUPBYEXTR...
から 2024-04-04 08:58:17
0
1
319
apply からのメソッドを使用する 配列の最大値を見つける簡単な方法は Math.max.apply(null,myArray) です。 ただし、myArray に複素数が含まれており、各複素数が複素数の長さを計算す...
から 2024-04-03 21:41:46
0
2
278
div を使用せずに複数のスパンクラスを同じ行に置くことは可能ですか? 各テキストに異なる色を付けたかったので、複数のスパンクラスを使用して CSS で色を設定しました。また、テキストに改行を入れたかったので、div を使用しました。このフィドルは私が...
から 2024-04-03 11:17:18
0
1
360
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート