• つくってみた
  • 機械学習
  • クラウドコンピューティング
  • 仮想デスクトップ
  • サービス
  • 導入事例
  • サイト情報
    • 運営会社
    • 採用情報
  • お問い合わせ
  1. ホーム /
  2. ハック /
  3. CSSライブラリを利用してシンプルなプログレスバーを表示する。
  • ハック
  • 2014.03.24
  • 67
  • CSS

CSSライブラリを利用してシンプルなプログレスバーを表示する。

  • ツイート
  • シェア
  • はてな

progre(c)ssからcssをダウンロードして読み込みます。
デモもこちらから確認できます。

<div class="progrecss" data-progrecss="40">設定完了まで残り60%です。</div>
  • ツイート
  • シェア
  • はてな
harada

harada

    つくってみた!

    Amazon Polly と Slack を使って  Alexa へ (物理的に) 話しかけるシステムを作ってみたAmazon Polly と Slack を使って Alexa へ (物理的に) 話しかけるシステムを作ってみた
    社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。社長が「寒い寒い」というので社長席の温度をRaspberry Piで監視してみた。
    社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた社内のトイレ難民解決!トイレ空き状況確認システムを作ってみた

    関連記事

    • divの縦横比を維持する
    • Webkit限定でスクロールバーをカスタマイズする
    • CSSだけでサイズの違う画像をdivの上下中央に配置する
    • CSSで印刷する向きを指定する
    • JQuery:指定してある特定のclassをhoverで外す
    • CSSだけでプログレスバー型のメニューを表示する
    • お問い合わせ
    • 利用規約
    • プライバシーポリシー
    • 運営会社
    • 採用情報
    • サブスクリプション請求管理「KIMERA」
    • AWS構築代行「CloudAdvisor」
    • グループウェア「Aipo」

    © Copyright 2021 ハックノート All rights reserved.