Skip to content
ProgressBar Custom Element
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
demos
LICENSE
README.md
bower.json
circular-progress-bar.gif
linear-progressbar.gif
package.json
progress-bar-custom-element.png

README.md

Smart ProgressBar Element Tweet

 Slack Price npm GitHub package version License: APACHE Published on webcomponents.org

<smart-progress-bar>

Live Demo ↗ | Documentation ↗ | Installation ↗

<smart-progress-bar> is a ProgressBar Custom HTML Element that displays determinate or indeterminate linear or circular progress indicator, part of the Smart HTML Elements.

<smart-progress-bar class="animation determinate"></smart-progress-bar>

Screenshot of smart-progressbar, using the Material theme

Screenshot of smart-progressbar, using the Material theme

Screenshot of smart-progressbar, using the Material theme

Getting Started

Smart HTML Elements components documentation includes getting started, customization and api documentation topics.

Getting Started Documentation | CSS Documentation | API Documentation

The file structure for Smart HTML Elements

  • source/

    Javascript files.

  • source/styles/

    Component CSS Files.

  • demos/

    Demo files

Running demos in browser

  1. Fork the Smart-HTML-Elements-Core repository and clone it locally.

  2. Make sure you have npm installed.

  3. When in the Smart-HTML-Elements-Core directory, run npm install and then bower install to install dependencies.

  4. Run a localhost or upload the demo on a web server. Then run:

  • /demos/smart-button/smart-button-overview.htm

Following the coding style

We are using ESLint for linting JavaScript code.

Creating a pull request

  • Make sure your code is compliant with ESLint
  • Submit a pull request with detailed title and description
  • Wait for response from one of our team members

License

Apache License 2.0

You can’t perform that action at this time.