<forms:CarouselView x:Name="GoalsRotator" ItemsSource="{Binding GoalCarosel}" HorizontalOptions="FillAndExpand"
VerticalOptions="FillAndExpand" HeightRequest="200" WidthRequest="340" >
<forms:CarouselView.ItemTemplate>
<DataTemplate>
<StackLayout Orientation="Vertical" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand">
<cards:SfCardView HasShadow="True" BackgroundColor="White" CornerRadius="16" x:Name="GoalFram" IsVisible="{Binding ShowGoal}">
<linear:SfLinearGauge VerticalOptions="Fill" HeightRequest="30" HorizontalOptions="StartAndExpand" >
<linear:SfLinearGauge.Annotations>
<linear:LinearGaugeAnnotation ScaleValue ="{Binding PercentComplete}">
<linear:LinearGaugeAnnotation.View>
<Label Text="{Binding PercentComplete}" FontAttributes = "Bold" TextColor="Black" FontSize ="15"/>
</linear:LinearGaugeAnnotation.View>
</linear:LinearGaugeAnnotation>
</linear:SfLinearGauge.Annotations>
<linear:SfLinearGauge.Scales>
<linear:LinearScale ScaleBarColor="#e0e9f9" LabelColor="#424242"
ScaleBarSize = "10" LabelFontSize ="14"
CornerRadiusType = "Both" CornerRadius = "10" ShowTicks="False" ShowLabels="False">
<linear:LinearScale.Pointers>
<linear:BarPointer Value="{Binding PercentComplete}" EnableAnimation = "False" Color="#FF9E30"
Thickness = "10" CornerRadiusType = "Both" CornerRadius = "10">
</linear:BarPointer>
</linear:LinearScale.Pointers>
</linear:LinearScale>
</linear:SfLinearGauge.Scales>
</linear:SfLinearGauge>
<Label Margin="0,5,0,0" Style="{DynamicResource LabelRegularDarkStyle}" XAlign="Start" FontSize="12" YAlign="Center" Text="{Binding PercentComplete}" HorizontalOptions="StartAndExpand"/>
</StackLayout>
</Grid>
</cards:SfCardView>
</StackLayout>
</DataTemplate>
</forms:CarouselView.ItemTemplate>
</forms:CarouselView>