<?xml version="1.0" encoding="UTF-8"?>
<form>

    <field name="help" type="help" url="documentation/progress-bar" />
    
    <field name="progress_class" type="text" label="Class" />

    <field name="bg" type="list" label="Background">
        <option value="">JSELECT</option>
        <option value="bg-primary">Primary</option>
        <option value="bg-secondary">Secondary</option>
        <option value="bg-success">Success</option>
        <option value="bg-danger">Danger</option>
        <option value="bg-warning">Warning</option>
        <option value="bg-info">Info</option>
        <option value="bg-light">Light</option>
        <option value="bg-dark">Dark</option>
        <option value="bg-white">White</option>
        <option value="bg-transparent">Transparent</option>
    </field>

    <field name="text" type="list" label="Text">
        <option value="">JSELECT</option>
        <option value="text-primary">Primary</option>
        <option value="text-secondary">Secondary</option>
        <option value="text-success">Success</option>
        <option value="text-danger">Danger</option>
        <option value="text-warning">Warning</option>
        <option value="text-info">Info</option>
        <option value="text-light">Light</option>
        <option value="text-dark">Dark</option>
        <option value="text-white">white</option>
    </field>

    <field name="striped" type="radio" label="Striped" default="0" layout="joomla.form.field.radio.switcher">
        <option value="0">JNO</option>
        <option value="progress-bar-striped">JYES</option>
    </field>

    <field name="animated" type="radio" label="Animated" default="" layout="joomla.form.field.radio.switcher">
        <option value="0">JNO</option>
        <option value="progress-bar-animated">JYES</option>
    </field>

</form>