Giter Site home page Giter Site logo

neverlikekami / bajaux-progressbar-example Goto Github PK

View Code? Open in Web Editor NEW

This project forked from tridium/bajaux-progressbar-example

0.0 0.0 0.0 237 KB

An example that integrates the ProgressBar JavaScript library into a bajaux Web Widget.

License: Other

JavaScript 94.65% Java 5.05% CSS 0.30%

bajaux-progressbar-example's Introduction

bajaux-progressbar-example

An example that integrates the ProgressBar JavaScript library into a bajaux Web Widget.

http://kimmobrunfeldt.github.io/progressbar.js/

http://progressbarjs.readthedocs.io/en/latest/


A 4.6 version of the bajaux-progressbar-example jar can be downloaded here.


This is an example module and as such is not supported by Tridium.

However, it can be used as is, or as a starting point to extend and develop other widget modules.


Properties

ProgressBar has a large range of parameters, a selection of which have been added as Widget properties:

  • background: the background colour of the widget.
  • barColor: the colour of the gauge's bar. (color in the ProgressBar API)
  • fill: the colour inside the guage. (fill)
  • font: the font used by any text in the widget.
  • font: the font used by any text in the widget.
  • gaugeType: ProgressBar types - Line, Circle or SemiCircle.
  • lineWidth: the width of the gauge line. (strokeWidth)
  • min: the minimum gauge value, default 0.
  • max: the maximum gauge value, default 100.
  • showText: whether to show the widget's text.
  • valueText: the widget's text.
  • textColor: the colour of any text.
  • trailColor: the colour of the trail behind the main bar. (trailColor)

bajaux-progressbar-example's People

Contributors

andy5tr avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.