Progress Group

Documentation

JavaScript

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

// Create the progress group
var el = document.querySelector("#progressGroup");
var progressGroup = Components.ProgressGroup({
    el: el,
    progressbars: [
        {
            size: 25,
            isStriped: true,
            label: "25%"
        },
        {
            size: 50,
            isAnimated: true,
            isStriped: true,
            label: "50%"
        }
    ]
});

TypeScript

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

// Create the progress group
let el = document.querySelector("#progressGroup");
let progressGroup = Components.ProgressGroup({
    el: el,
    progressbars: [
        {
            size: 25,
            isStriped: true,
            label: "25%"
        },
        {
            size: 50,
            isAnimated: true,
            isStriped: true,
            label: "50%"
        }
    ]
});

Web Component

// Return the progress group properties return { progressbars: [ { size: 25, isStriped: true, label: "25%" }, { size: 50, isAnimated: true, isStriped: true, label: "50%" } ] };
<script type="text/javascript" src="https://unpkg.com/gd-sprest-bs/wc/dist/gd-sprest-bs.js"></script>
<bs-progress-group>
    // Return the progress group properties
    return {
        progressbars: [
            {
                size: 25,
                isStriped: true,
                label: "25%"
            },
            {
                size: 50,
                isAnimated: true,
                isStriped: true,
                label: "50%"
            }
        ]
    };
</bs-progress-group>

References

ProgressGroup(props:IProgressGroupProps):IProgressGroup

IProgressGroup

Name Returns Description
el Element The jquery element.

IProgressGroupProps

Name Type Description
className string The class name to apply to progressGroup.
el HTMLElement The element to render the progressGroup to.
isMultiple string Renders the progress bars in a single progress element.
progressbars Array<IProgressProps> The progressbars.