Progress

Documentation

JavaScript

var Components = require("gd-sprest-bs").Components;

// Create the progress
var el = document.querySelector("#progress");
var progress = Components.Progress({
    el: el,
    size: 25,
    label: "25%"
});

TypeScript

import { Components } from "gd-sprest-bs";

// Create the progress
let el = document.querySelector("#progress");
let progress = Components.Progress({
    el: el,
    size: 25,
    label: "25%"
});

Web Component

<script type="text/javascript" src="https://unpkg.com/gd-sprest-bs/wc/dist/gd-sprest-bs.js"></script>
<bs-progress is-striped="true" label="25%" size="25"></bs-progress>

References

Progress(props:IProgressProps):IProgress

IProgress

Name Returns Description
el Element The jquery element.

IProgressProps

Name Type Description
className string The class name to apply to progress.
el HTMLElement The element to render the progress to.
isAnimated boolean Adds the ‘progress-bar-animated’ class name.
isStriped boolean Adds the ‘progress-bar-striped’ class name.
label string The progress bar label.
max string The progress bar’s max value.
min string The progress bar’s max value.
size string The progress bar value.