Гаджеты загрузки процессора для Windows 7:8 — скачать бесплатно

Гаджеты загрузки процессора для Windows 7:8 - скачать бесплатно Гаджет

Gaugemeter.js features

  • Just one script, there is no dependencies.
  • Built-in themes.
  • HTML5 renders the Canvas content without images.
  • Add custom text & label.
  • Support for any page size and page color.
  • Configure via data attributes, object properties on call or default settings.
  • Update via jQuery call.

Implementation

Include the following jQuery & JavaScript Code, CSS and HTML code to render a minimal form of the GaugeMeter.

jQuery & JavaScript Code

CSS Styles

HTML Code

Minimal Implementation. The code below is all you will need to render a basic gauge meter with 0 indication.

Basic Implementation. The code below is all you will need to render a basic gauge meter with 10 indication.

Update the gauge value and its indication via jQuery.

Below is a list of all the optional parameters, see the Parameter Definitions for more details on how to utilize these data attributes.

Laptop gauges

Гаджет-индикатор загрузки ЦП для ноутбука или планшетного компьютера с установленной системой Windows 7. Кроме нагрузки центрального процессора гаджет показывает загрузку оперативной памяти, уровень приёма Wi-Fi сигнала, и также процент зарядки батареи. Это мини-приложение удачно впишется в любое оформление рабочего стола и хорошо будет смотреться с тёмными темами.

Гаджеты процессора

Гаджет:  Названы способы ускорения интернета: Гаджеты: Наука и техника:

Умный датчик цифровой измеритель на алиэкспресс — купить онлайн по выгодной цене

Перед покупкой сравните цены на умный датчик цифровой измеритель, прочитайте реальные отзывы покупателей, ознакомьтесь с техническими характеристиками.

Закажите умный датчик цифровой измеритель онлайн с доставкой по России: товары с пометкой Plus доступны с ускоренной доставкой и улучшенными условиями возврата.

На Алиэкспресс умный датчик цифровой измеритель всегда в наличии в большом ассортименте: на площадке представлены как надежные мировые бренды, так и перспективные молодые.

Parameter definitions

The form of the gauge meter can be manipulated by means of the following parameters. These parameters can be passed in to the library via HTML5 tag data attributes, as illustrated in the HTML example code above or as object properties when calling the library. The following table elaborates upon each of the parameter properties.

AttributeOptionalDefaultsValuesDescription
data-percentNoAny positive integer, between 0 to 100.The value to set the gauge meter to.
data-minYesnullAny integer.The minimum value of the gauge meter. Negative values show in combination with data-showvalue=true.
data-usedYesnullAny positive integer.Display a percentage of a value that overrides any data-percent defined count. To show «25%» of 512 GB of RAM being used, you would specify «128» here and «512» for data-total.
data-totalYesnullAny positive integer.Display a percentage of a value that overrides any data-percent defined count. To show «25%» of 512 GB of RAM being used, you would specify «512» here and «128» for data-used.
data-textYesnullAny short string.Replaces the data-percent count in the center of the gauge.
data-text_sizeYes0.22Any positive float between 0.0 and 0.5.Scale factor for text size (indicated value or text in gauge center) in relation to gauge size.
data-prependYesnullAny string (2 bytes max).Adds this text before the percent count in the center of the gauge.
data-appendYesnullAny string (2 bytes max).Adds this text after the percent count in the center of the gauge. Typical use would be a «%» symbol.
data-sizeYes100Any positive integer.Width & height of the gauge meter in pixels.
data-widthYes3Any positive integer.Thickness of the gauge meter progress bar in pixels.
data-styleYesFullFull, Semi or ArchDisplays either a full circle, semi-circle or an arched-circle.
data-colorYes#2C94E0Hex values (#FFFFFF), Red-Green-Blue-Alpha color space (RGBa(255,255,255,1.0)) or HTML color-name (Red)The foreground-color of the gauge meter’s progress bar. This value is overridden if data-theme is specified.
data-backYesRGBa(0,0,0,.06)Hex values (#FFFFFF), Red-Green-Blue-Alpha color space (RGBa(255,255,255,1.0)) or HTML color-name (Green)The background-color of the gauge meter’s progress bar.
data-themeYesRed-Gold-Green
  • Red-Gold-Green
  • Green-Gold-Red
  • Green-Red
  • Red-Green
  • DarkBlue-LightBlue
  • LightBlue-DarkBlue
  • DarkRed-LightRed
  • LightRed-DarkRed
  • DarkGreen-LightGreen
  • LightGreen-DarkGreen
  • DarkGold-LightGold
  • LightGold-DarkGold
  • White
  • Black
Color & gradient themes to fill the foreground-color of the gauge meter’s progress bar with.
data-animate_gauge_colorsYesfalseBoolean, false or true.When enabled, the foreground-color of the gauge meter’s progress bar will cycle according to the color value, as directed by the data-theme. If enabled, this overrides any values specified by the data-color.
data-animate_text_colorsYesfalseBoolean, false or true.When enabled, the percentage text color of the gauge meter will cycle according to the color value, as directed by the data-theme. If enabled, this overrides any values specified by the data-label_color.
data-labelYesnullAny short string.Supplemental text label that can appear below the central percentage or text of the gauge meter.
data-label_colorYesBlackHex values (#FFFFFF), Red-Green-Blue-Alpha color space (RGBa(255,255,255,1.0)) or HTML color-name (Blue)The foreground text color of the supplemental text label.
data-stripeYesAny positive integers.Show the gauge meter’s progress bar in solid form or stripe form. If the value is greater than 0, the gauge meter’s progress bar changes from a solid to a stripe, where the value is the thickness of the stripes.
data-fillYesnullHex values (#FFFFFF), Red-Green-Blue-Alpha color space (RGBa(255,255,255,1.0)) or HTML color-name (Blue)Fill color of internal gauge background area where prepend, append and gauge text is shown.
data-animationstepYesAny positive integer.Step width used for animation when gauge bargraph is drawn. Higher number results in higher animation speed. 0 stops animation.
data-showvalueYesfalseBoolean, false or true.Label will show value instead of percent. Gauge bargraph will show 0-100% or computation of data-used and data-total.
See doc.html for more details.
Гаджет:  Бесплатные виджеты на Android рабочий стол
Оцените статью
GadgetManiac
Добавить комментарий