JSPM

@material/progress-indicator

15.0.0-canary.fff4066c6.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 516430
  • Score
    100M100P100Q195884F
  • License MIT

The Material Components for the web interface for Progress Indicators

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@material/progress-indicator) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Progress Indicators

    The MDC Progress Indicator component exposes common foundation and component interfaces for a progress indicator. Components that implement these interfaces include linear progress and circular progress. Material Design progress & activity requirements.

    Installation

    npm install @material/progress-indicator

    Basic Usage

    MDCProgressIndicatorFoundation API

    MDC Progress Indicator Foundation exposes the following methods:

    Method Signature Description
    setDeterminate(value: boolean) => void Toggles the component between the determinate and indeterminate state.
    isDeterminate() => boolean Whether or not the component is in determinate state.
    setProgress(value: number) => void Sets the progress to this value. Value should be between [0, 1].
    getProgress() => number The current progress value in the interval [0,1].
    open() => void Puts the component in the open state.
    close() => void Puts the component in the closed state.
    isClosed() => boolean Whether or not the progress indicator is closed.

    MDCProgressIndicator Component API

    MDC Progress Indicator exposes the following API:

    Method Signature Description
    determinate: boolean Whether the indicator is in the determinate or indeterminate state.
    progress: number The current progress. Value should be between [0, 1].
    open() => void Puts the component in the open state.
    close() => void Puts the component in the closed state.