Progress

less than 1 minute read

References

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%"
});

React

import * as React from "react";
import {  } from "gd-sprest-bsx";

export class IDemo extends React.Component {
    // Render the component
    render() {
        return (
            <Progress
                size={25}
                label="25%"
            />
        );
    }
}

VueJS

<template>
    <Progress size="25" label="25%" />
</template>

<script>
import { Progress } from "gd-sprest-bs-vue";
export default {
    components: { Progress }
}
</script>

Code Playground