Product Selector

Fusion 5.12
    Fusion 5.12

    progress:bar

    Description

    Creates a horizontal progress bar.

    Usage

    as element:

    <progress:bar
       percentage="{string}">
</progress:bar>

    Parameters

    Param Type Details

    percentage

    string

    The percentage progress

    Example

    Source

    <label for="value">Value</label>
<input id="value" type="number" placeholder="Value" ng-model="value"><br />
<button ng-click="generateNewNumber()" style="button">Generate Random Percentage</button>
<hr />
<h3 id="example_default-progress-bar">Default Progress bar</h3>
<progress:bar percentage="value"></progress:bar>
    angular.module('lightning')
.controller('ExampleController', ['$scope','$timeout', function($scope,$timeout) {
            $scope.value = 20;

            $scope.generateNewNumber = function(){
            $scope.value = Math.floor(Math.random() * (100 - 0 + 1));
            };
        }]);

    Result

    Result